sass-loader屢次安裝不生效的問題


報錯信息:

npm WARN sass-loader@8.0.0 requires a peer of webpack@^4.36.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

從報錯來看,應該是loader的問題,然后就刪除重裝sass-loader,node-sass,來來回回不下5次,還是報同樣的錯誤,甚至懷疑是不是webpack.dev.config.js中沒有配置好?一步步檢查,也沒有發現問題。

npm install node-sass --save-dev //安裝node-sass
npm install sass-loader --save-dev //安裝sass-loader
npm install style-loader --save-dev //安裝style-loader

最后換git bash 來重新執行了一邊npm install 代碼,這個時候發現了問題…… ,由於之前我都是直接在vsCode中直接新建終端來執行shell腳本的,界面比較小,所以沒有顯示完整的日志,這次終於發現了蹊蹺。

這是因為當前sass的版本太高,webpack編譯時出現了錯誤,這個時候只需要換成低版本的就行,下面說一下修改方法,很簡單,如下,找到package.json文件,里面的 "sass-loader"的版本更換掉 就行了。

我本地是將 "sass-loader": "^8.0.0",更換成了 "sass-loader": "^7.3.1"。

卸載當前版本sass-loader命令:npm uninstall sass-loader 

安裝低版本的sass-loader命令:npm install sass-loader@7.3.1 --save-dev


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM