天天看點

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.

報錯資訊:

Css-loader安裝失敗,webpack打包css檔案時,确認css-loader和style-loader安裝正确,import路徑都正确,打包反複報錯...

package.json

Css-loader安裝失敗,webpack打包css檔案時,确認css-loader和style-loader安裝正确,import路徑都正确,打包反複報錯...

loader都安裝了,版本比較新。

webpack.config.js

Css-loader安裝失敗,webpack打包css檔案時,确認css-loader和style-loader安裝正确,import路徑都正确,打包反複報錯...

按照視訊裡的這樣配置webpack.config.js檔案,百度了很多,大多都是這樣配置的。也有更舊版本的寫法。然而,問題就出在這裡!找了很久沒找到答案,于是去webpack官網去看,發現配置的方法改變了。

官網的配置是這樣的:

Css-loader安裝失敗,webpack打包css檔案時,确認css-loader和style-loader安裝正确,import路徑都正确,打包反複報錯...

注意!!要這樣寫!test:/\.css$/i 才對,還有loader這裡用的是雙引号,我試過單引号也可以。最終問題就出現在test後面的i。

Css-loader安裝失敗,webpack打包css檔案時,确認css-loader和style-loader安裝正确,import路徑都正确,打包反複報錯...

打包成功!!

最後說一句,有官方文檔的,最好檢視官方文檔學習。

好吧,經過我的再研究,發現是test後面不需要引号!!但畢竟這是我一個經曆過程,還是想記錄下來。

我是一個小白,輕噴。