常出现的vue警告warning vue报错:There are multiple modules with names that only differ in casing

左手的ㄟ右手 2023-02-19 11:26 21阅读 0赞

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTA3OTAy_size_16_color_FFFFFF_t_70][]

> 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'

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTA3OTAy_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200620143439673.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTA3OTAy,size_16,color_FFFFFF,t_70