常出现的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

常出现的vue警告warning vue报错:There are multiple modules with names that only differ in casing_第1张图片

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'

 

你可能感兴趣的:(项目遇到问题,知识随笔总结js,前端)