Css-loader安装失败,webpack打包css文件时,确认css-loader和style-loader安装正确,import路径都正确,打包反复报错...

webpack打包css文件时,确认css-loader和style-loader都安装正确,且import路径都正确,打包反复报错:ERROR in ./src/assets/styles/test.css 1:0Module parse failed: Unexpected token (1:0)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

报错信息:

package.json

loader都安装了,版本比较新。

webpack.config.js

按照视频里的这样配置webpack.config.js文件,百度了很多,大多都是这样配置的。也有更旧版本的写法。然而,问题就出在这里!找了很久没找到答案,于是去webpack官网去看,发现配置的方法改变了。

官网的配置是这样的:

注意!!要这样写!test:/\.css$/i 才对,还有loader这里用的是双引号,我试过单引号也可以。最终问题就出现在test后面的i。

打包成功!!

最后说一句,有官方文档的,最好查看官方文档学习。

好吧,经过我的再研究,发现是test后面不需要引号!!但毕竟这是我一个经历过程,还是想记录下来。

我是一个小白,轻喷。

你可能感兴趣的:(Css-loader安装失败)