引入swiper.css后浏览器报警告

Question

main.js中 import 'swiper/dist/css/swiper.css' 报警告,已经确定是这一行代码导致的

client?b989:153 ./node_modules/_css-loader@0.28.11@css-loader/lib/css-base.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:
* E:\FeRealProject\gowhere\node_modules\_css-loader@0.28.11@css-loader\lib\css-base.js
    Used by 7 module(s), i. e.
    E:\FeRealProject\gowhere\node_modules\_css-loader@0.28.11@css-loader\index.js??ref--6-1!E:\FeRealProject\gowhere\node_modules\_postcss-loader@2.1.5@postcss-loader\lib\index.js??ref--6-2!E:\FeRealProject\gowhere\src\assets\style\reset.css
* e:\FeRealProject\gowhere\node_modules\_css-loader@0.28.11@css-loader\lib\css-base.js
    Used by 1 module(s), i. e.
    e:\FeRealProject\gowhere\node_modules\_css-loader@0.28.11@css-loader\index.js??ref--6-1!e:\FeRealProject\gowhere\node_modules\_postcss-loader@2.1.5@postcss-loader\lib\index.js??ref--6-2!e:\FeRealProject\gowhere\node_modules\_swiper@3.4.2@swiper\dist\css\swiper.css
 @ ./node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js
 @ ./node_modules/_css-loader@0.28.11@css-loader??ref--6-1!./node_modules/_postcss-loader@2.1.5@postcss-loader/lib??ref--6-2!./src/assets/style/reset.css
 @ ./src/assets/style/reset.css
 @ ./src/main.js
 @ multi ./node_modules/_webpack-dev-server@2.11.2@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
warnings @ client?b989:153
onmessage @ socket.js?6add:41
EventTarget.dispatchEvent @ sockjs.js?cb5d:170
(anonymous) @ sockjs.js?cb5d:883
SockJS._transportMessage @ sockjs.js?cb5d:881
EventEmitter.emit @ sockjs.js?cb5d:86
WebSocketTransport.ws.onmessage @ sockjs.js?cb5d:2957
client?b989:153 ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.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:
* E:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js
    Used by 7 module(s), i. e.
    E:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\index.js!E:\FeRealProject\gowhere\node_modules\_css-loader@0.28.11@css-loader\index.js??ref--6-1!E:\FeRealProject\gowhere\node_modules\_postcss-loader@2.1.5@postcss-loader\lib\index.js??ref--6-2!E:\FeRealProject\gowhere\src\assets\style\reset.css
* e:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js
    Used by 1 module(s), i. e.
    E:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\index.js!E:\FeRealProject\gowhere\node_modules\_css-loader@0.28.11@css-loader\index.js??ref--6-1!E:\FeRealProject\gowhere\node_modules\_postcss-loader@2.1.5@postcss-loader\lib\index.js??ref--6-2!e:\FeRealProject\gowhere\node_modules\_swiper@3.4.2@swiper\dist\css\swiper.css
 @ ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js
 @ ./src/assets/style/reset.css
 @ ./src/main.js
 @ multi ./node_modules/_webpack-dev-server@2.11.2@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
warnings @ client?b989:153
onmessage @ socket.js?6add:41
EventTarget.dispatchEvent @ sockjs.js?cb5d:170
(anonymous) @ sockjs.js?cb5d:883
SockJS._transportMessage @ sockjs.js?cb5d:881
EventEmitter.emit @ sockjs.js?cb5d:86
WebSocketTransport.ws.onmessage @ sockjs.js?cb5d:2957
client?b989:153 ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/listToStyles.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:
* E:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\listToStyles.js
    Used by 1 module(s), i. e.
    E:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js
* e:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\listToStyles.js
    Used by 1 module(s), i. e.
    e:\FeRealProject\gowhere\node_modules\_vue-style-loader@3.1.2@vue-style-loader\lib\addStylesClient.js
 @ ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/listToStyles.js
 @ ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js
 @ ./src/assets/style/reset.css
 @ ./src/main.js
 @ multi ./node_modules/_webpack-dev-server@2.11.2@webpack-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Answer 1

Dell 2018-06-02 22:11:35

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

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

• 提问者 NeilSK #1

  我知道的哈老师, 百度了好多都没什么结果
  我确定没有引用名字的模块, 而且我只要把这个swiper.css引用去掉就不警告了

• Dell 回复 提问者 NeilSK #2

  删除node_modules下面的所有文件，然后重新npm install 安装下依赖试试

• 提问者 NeilSK 回复 Dell #3

  哇, 真的解决了, 谢谢老师!

点开查看后面5条评论