vue 引入库css时，报There are multiple modules with names that only differ in casing.警告 -云博客

vue 引入库css时，报There are multiple modules with names that only differ in casing.警告

# 前端 2024-05-05 17:58 0 53 来源：云博客

vue项目，在引入element-ui样式时（在react angular项目中也出现此告警）

import ‘element-ui/lib/theme-chalk/index.css‘

报警告：

 warning in D:/vuePro/cloud-monitor-vue/node_modules/_css-loader@3.2.0@css-loader/dist/runtime/api.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-semantic.Use equal casing. Compare these module identifiers:* D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\api.js Used by 1 module(s), i. e. D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css* d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\api.js Used by 4 module(s), i. e. d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!d:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\reset.css warning in D:/vuePro/cloud-monitor-vue/node_modules/_css-loader@3.2.0@css-loader/dist/runtime/getUrl.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-semantic.Use equal casing. Compare these module identifiers:* D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js Used by 1 module(s), i. e. D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css* d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js Used by 1 module(s), i. e. d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!d:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\iconfont.css warning in D:/vuePro/cloud-monitor-vue/node_modules/_vue-style-loader@4.1.2@vue-style-loader/lib/addStylesClient.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-semantic.Use equal casing. Compare these module identifiers:* D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js Used by 1 module(s), i. e. D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\index.js??ref--6-oneOf-3-0!D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css* d:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js Used by 4 module(s), i. e. D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\index.js??ref--6-oneOf-3-0!D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\reset.css warning in D:/vuePro/cloud-monitor-vue/node_modules/_vue-style-loader@4.1.2@vue-style-loader/lib/listToStyles.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-semantic.Use equal casing. Compare these module identifiers:* D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\listToStyles.js Used by 3 module(s), i. e. D:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js* d:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\listToStyles.js Used by 3 module(s), i. e. d:\vuePro\cloud-monitor-vue\node_modules\_vue-style-loader@4.1.2@vue-style-loader\lib\addStylesClient.js App running at: - Local: http://localhost:8080/ - Network: http://192.168.43.65:8080/ Note that the development build is not optimized. To create a production build, run npm run build.

There are multiple modules with names that only differ in casing 。

提示你引用模块的时候，有模块名字一样，除了第一个字母有大小写区别外。

问题原因：

* D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js Used by 1 module(s), i. e. D:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!D:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!D:\vuePro\cloud-monitor-vue\node_modules\_element-ui@2.12.0@element-ui\lib\theme-chalk\index.css* d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\runtime\getUrl.js Used by 1 module(s), i. e. d:\vuePro\cloud-monitor-vue\node_modules\_css-loader@3.2.0@css-loader\dist\cjs.js??ref--6-oneOf-3-1!d:\vuePro\cloud-monitor-vue\node_modules\_postcss-loader@3.0.0@postcss-loader\src\index.js??ref--6-oneOf-3-2!d:\vuePro\cloud-monitor-vue\src\assets\styles\iconfont.css warning in D:/vuePro/cloud-monitor-vue/node_modules/_vue-style-loader@4.1.2@vue-style-loader/lib/addStylesClient.js