vue安裝sass-loader報錯解決方法

一、深坑的出現

如果初次安裝sass-loader依賴后就報錯，那很大概率應該是由於版本問題導致。 你應該是采用如下幾個命令安裝：

npm install node-sass --save-dev //安裝node-sass
npm install sass-loader --save-dev //安裝sass-loader
npm install style-loader --save-dev //安裝style-loader
注：采用上面安裝方法完畢后大概率會各種報錯

報錯可能有如下2種情況：
1、下面這個sass-loader版本過高

 

 

2、下面這個Node Sass版本過高

二、解決方案：

解決方案就是：在安裝Node Sass和sass-loader時鎖定版本
前文的方法不加版本號的安裝默認通常是安裝的最新版本
如果已安裝以上依賴，先卸載：

npm uninstall sass-loader //卸載當前的sass-loader版本
npm uninstall node-sass //卸載當前的Node Sass版本

根據我實踐解決問題，sass-loader依賴於node-sass，sass-loader的7.3.1和Node Sass的4.14.1這兩個版本一起安裝不存在問題。

鎖定版本號安裝：

npm install sass-loader@7.3.1 --save-dev
npm install node-sass@4.14.1

 

按照以上解決方法處理應該沒有問題了，如果還有問題，試試
在build文件夾下的webpack.base.conf.js的rules里面添加如下配置：

{
test: /\.sass$/,
loaders: ['style', 'css', 'scss']
}

 

原文鏈接：https://blog.csdn.net/weixin_44585369/article/details/114282238