常出現的vue警告warning vue報錯:There are multiple modules with names that only differ in casing

client?b35b:147 ./src/utils/edit3d/ServerCabinet.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:\項目\editDevelop\node_modules\babel-loader\lib\index.js!D:\項目\editDevelop\node_modules\eslint-loader\index.js??ref--0!D:\項目\editDevelop\src\utils\edit3d\ServerCabinet.js
    Used by 1 module(s), i. e.
    D:\項目\editDevelop\node_modules\babel-loader\lib\index.js!D:\項目\editDevelop\node_modules\eslint-loader\index.js??ref--0!D:\項目\editDevelop\src\utils\edit3d\addScene.js
* D:\項目\editDevelop\node_modules\babel-loader\lib\index.js!D:\項目\editDevelop\node_modules\eslint-loader\index.js??ref--0!D:\項目\editDevelop\src\utils\edit3d\serverCabinet.js
    Used by 1 module(s), i. e.
    D:\項目\editDevelop\node_modules\babel-loader\lib\index.js!D:\項目\editDevelop\node_modules\eslint-loader\index.js??ref--0!D:\項目\editDevelop\src\utils\display3d\addChildrenToScene.js
 @ ./src/utils/edit3d/ServerCabinet.js
 @ ./src/utils/edit3d/addScene.js
 @ ./src/utils/edit3d/index.js
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/pageContent/edit3d.vue
 @ ./src/components/pageContent/edit3d.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/pages/areapage.vue
 @ ./src/views/pages/areapage.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8088 webpack/hot/dev-server ./src/main.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. 
使用唯一的寫法

猜測是因爲你的文件名和引用不一致,舉個例,文件名是App.js,但是你引用的時候是寫的app.js

經過多次排除及參考網上文章,最後找到問題所在
排查原因:
1 、在引用組件時,路徑大小寫不對也會造成此報錯,看例子:
錯誤寫法:

import Footer from '../components/Shared/Footer.vue'

正確寫法:

import Footer from '../components/Shared/footer.vue'

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章