常出现的vue警告warning vue报错:There are multiple modules with names that only differ in casing
client?b35b:147 ./src/utils/edit3d/ServerCabinet.jsThere are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other case-
·
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'
更多推荐
已为社区贡献11条内容
所有评论(0)