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

不想浪費(fèi)時(shí)間看的，可直接去嘗試

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

問題描述

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

報(bào)錯(cuò)：

于是上網(wǎng)查找問題解決得方法，經(jīng)過數(shù)小時(shí)得嘗試最終解決，以下是總結(jié)出的經(jīng)驗(yàn)教訓(xùn)。

解決方法

1、首先執(zhí)行以下代碼，卸載老版node-sass、sass-loader（因?yàn)槟阌锌赡馨惭b上了其中一個(gè)，但另一個(gè)安裝不了）

npm uninstall sass-loader node-sass

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

如何查看自己的node版本號(hào)呢？進(jìn)入終端輸入指令

node -v

版本對照表：

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

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

npm install node-sass@6.0.1 -D

3、安裝sass-loader

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

npm install sass-loader@10.2.0 -D

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

補(bǔ)充知識(shí)：解決啟動(dòng)VUE項(xiàng)目時(shí)報(bào)node-sass不能運(yùn)行問題

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

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

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

總結(jié)

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

最新評論