可行版本（針對 node 16+ 版本）

不想浪費時間看的，可直接去嘗試

npm install node-sass@6.0.1 -D
npm install sass-loader@10.2.0 -D

問題描述

問題描述：在進行一個vue項目練習時需要導入node-sass、sass-loader這兩個依賴，書本提供代碼是npm install sass-loader@7.2.x node-sass@4.12.x - 嘗試n次也無法成功執(zhí)行。

報錯：

于是上網查找問題解決得方法，經過數小時得嘗試最終解決，以下是總結出的經驗教訓。

解決方法

1、首先執(zhí)行以下代碼，卸載老版node-sass、sass-loader（因為你有可能安裝上了其中一個，但另一個安裝不了）

npm uninstall sass-loader node-sass

2、查找與自己node版本對應得node-sass版本，并且要先安裝node-sass，再去找匹配的sass-loader，這一點非常重要，我就是被這個坑住了

如何查看自己的node版本號呢？進入終端輸入指令

node -v

版本對照表：

你也可以進入github自行查看Releases · sass/node-sass (github.com)

比如我的node版本號是 v16.17.0，我就成功安裝了"node-sass": "^6.0.1"版本，執(zhí)行以下代碼安裝node-sass

npm install node-sass@6.0.1 -D

3、安裝sass-loader

最后安裝sass-loader，適合的版本可以直接到網上去搜索，比如我一開始找到的版本是 10.0.1 然后還是安裝失敗，最后換成 10.2.0 安裝成功

npm install sass-loader@10.2.0 -D

最后希望我的嘗試能幫助你解決問題?。?！

補充知識：解決啟動VUE項目時報node-sass不能運行問題

問題現象：clone下來的代碼，安裝依賴后，啟動項目時，報node-sass什么無法當前window環(huán)境啥的，需要執(zhí)行npn rebuild node-sass的錯誤信息?？戳司W上一堆方法什么uninstall 然后install，不管用，直接npn rebuild node-sass也是不成功，貌似報什么沒有找到Python，不知道什么鬼。

解決方案：最后找到個方法，先執(zhí)行npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

然后再npm rebuild node-sass，解決。

總結

到此這篇關于vue安裝node-sass和sass-loader報錯問題解決的文章就介紹到這了,更多相關vue安裝node-sass sass-loader報錯內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！