vue报错:There are multiple modules with names that only differ in casing._报 there are multiple modules with names that only -优快云博客

本文详细解析了在开发过程中遇到的因模块名大小写不一致导致的加载错误问题，通过具体案例展示了错误的写法与正确的修正方法，强调了在不同文件系统下正确处理文件路径的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

经过多次排除及参考网上文章，最后找到问题所在
排查原因:
1 、在引用组件时，路径大小写不对也会造成此报错，看例子：
错误写法：

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

正确写法：

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

2、在组件使用vuex时，引用vuex大小写错误
错误写法：

import { mapState} from "Vuex"

正确写法：

import { mapState} from "vuex