Vue.js dev warns: There are multiple modules.

when I opened the project today, I suddenly had four warnings. I don"t know what"s going on. Ask for help.

 WARNING  Compiled with 4 warnings                                                                              17:12:38

 warning  in C:/svnMyProject/council-wxhtml-180127-lab/node_modules/_css-loader@0.28.10@css-loader/lib/css-base.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:
* C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\lib\css-base.js
    Used by 2 module(s), i. e.
    C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\index.js??ref--5-1!C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_element-ui@1.4.13@element-ui\lib\theme-default\index.css
* c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\lib\css-base.js
    Used by 38 module(s), i. e.
    c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\index.js?{"minimize":false,"sourceMap":false}!c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-loader@13.7.1@vue-loader\lib\style-compiler\index.js?{"vue":true,"id":"data-v-04c2046b","scoped":false,"hasInlineConfig":false}!c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-loader@13.7.1@vue-loader\lib\selector.js?type=styles&index=0!c:\svnMyProject\council-wxhtml-180127-lab\src\App.vue

 warning  in C:/svnMyProject/council-wxhtml-180127-lab/node_modules/_css-loader@0.28.10@css-loader/lib/url/escape.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:
* C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\lib\url\escape.js
    Used by 1 module(s), i. e.
    C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\index.js??ref--5-1!C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_element-ui@1.4.13@element-ui\lib\theme-default\index.css
* c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\lib\url\escape.js
    Used by 29 module(s), i. e.
    c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\index.js?{"minimize":false,"sourceMap":false}!c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-loader@13.7.1@vue-loader\lib\style-compiler\index.js?{"vue":true,"id":"data-v-f1c3269a","scoped":true,"hasInlineConfig":false}!c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-loader@13.7.1@vue-loader\lib\selector.js?type=styles&index=0!c:\svnMyProject\council-wxhtml-180127-lab\src\components\myOrderDetail.vue

 warning  in C:/svnMyProject/council-wxhtml-180127-lab/node_modules/_vue-style-loader@3.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:
* C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js
    Used by 2 module(s), i. e.
    C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\index.js!C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\index.js??ref--5-1!C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_element-ui@1.4.13@element-ui\lib\theme-default\index.css
* c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js
    Used by 38 module(s), i. e.
    C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\index.js!C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_css-loader@0.28.10@css-loader\index.js?{"minimize":false,"sourceMap":false}!c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-loader@13.7.1@vue-loader\lib\style-compiler\index.js?{"vue":true,"id":"data-v-34bdb0cc","scoped":true,"hasInlineConfig":false}!c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-loader@13.7.1@vue-loader\lib\selector.js?type=styles&index=0!c:\svnMyProject\council-wxhtml-180127-lab\src\components\ws.vue

 warning  in C:/svnMyProject/council-wxhtml-180127-lab/node_modules/_vue-style-loader@3.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:
* C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\listToStyles.js
    Used by 1 module(s), i. e.
    C:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js
* c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\listToStyles.js
    Used by 1 module(s), i. e.
    c:\svnMyProject\council-wxhtml-180127-lab\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js

> Listening at http://localhost:8080
Mar.03,2021

and then again, I don't know why, it may have something to do with the version of some module.


the above error message, there are three key points:

1, There are multiple modules with names that only differ in casing. There are multiple modules with the same name but different case

2, This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. This may result in unexpected behavior in some file systems

Use equal casing. Use the only way to write

linux and mac are strictly case-sensitive, while windows is not.

Menu