vue 引入庫css時，報There are multiple modules with names that only differ in casing.警告

vue項目，在引入element-ui樣式時（在react angular項目中也出現此告警）

import 'element-ui/lib/theme-chalk/index.css'

報警告：

 warning  in D:/vuePro/cloud-monitor-vue/node_modules/_css-loader@3.2.0@css-loader/dist/runtime/api.js

There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\api.js
    Used by 1 module(s), i. e.
    D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css
* d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\api.js
    Used by 4 module(s), i. e.
    d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!d:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\reset.css

 warning  in D:/vuePro/cloud-monitor-vue/node_modules/_css-loader@3.2.0@css-loader/dist/runtime/getUrl.js

There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js
    Used by 1 module(s), i. e.
    D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css
* d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js
    Used by 1 module(s), i. e.
    d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!d:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\iconfont.css

 warning  in D:/vuePro/cloud-monitor-vue/node_modules/_vue-style-loader@4.1.2@vue-style-loader/lib/addStylesClient.js

There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js
    Used by 1 module(s), i. e.
    D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\index.js??ref--6-oneOf-3-0!D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css
* d:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js
    Used by 4 module(s), i. e.
    D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\index.js??ref--6-oneOf-3-0!D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\reset.css

 warning  in D:/vuePro/cloud-monitor-vue/node_modules/_vue-style-loader@4.1.2@vue-style-loader/lib/listToStyles.js

There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\listToStyles.js
    Used by 3 module(s), i. e.
    D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js
* d:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\listToStyles.js
    Used by 3 module(s), i. e.
    d:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js


  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.43.65:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

 

There are multiple modules with names that only differ in casing 。

提示你引用模塊的時候，有模塊名字一樣，除了第一個字母有大小寫區別外。

問題原因：

* D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js
    Used by 1 module(s), i. e.
    D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css
* d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js
    Used by 1 module(s), i. e.
    d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!d:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\iconfont.css

 warning  in D:/vuePro/cloud-monitor-vue/node_modules/_vue-style-loader@4.1.2@vue-style-loader/lib/addStylesClient.js

windows下盤符的大小寫導致的。D盤和d盤。

我在運行時，用的是vsCode的腳本啟動，系統未區分D盤和d盤，導致此告警。

 

 解決方法：

在終端輸入命令啟動，改成大寫的D盤符就沒問題了。

  D:\vuePro\cloud-monitor-vue>npm run serve 

 

參考：

https://my.oschina.net/u/2262481/blog/1859366

https://www.cnblogs.com/heguo/p/6573863.html