如果遇到如图的报错信息或者npm install 也很会出现sass的单词报错,那么应该就是你node版本和的node-sass sass-loader版本有问题导致
我是node v16 的,所以只写了node v16 对应node-sass sass-loader版本,可以看自己的node版本号找对应的node-sass sass-loader版本
解决方式:
1. 打开package.json文件
VScode软件的话,ctrl+F 搜索框 搜索sass
2. 查找sass相关字段,修改其版本号并保存package.json文件
找到node-sass sass-loader两个安装文件,版本号修改成如下,保存package.json文件后,
再npm install就可以了
"node-sass": "^6.0.1",
"sass-loader": "^10.2.0",
也可以单独安装
npm install node-sass@6.0.1 --save
npm install sass-loader@10.2.0 --save
额外补充:
确认node版本号
1. 搜索cdm
2.打开命令提示符
3. 输入命令 node -v
查看版本对比
不同node版本对应不同node-sass sass-loader v16,v14是比较靠谱的,其他的是我自己查资料推出来的,无验证,若有错误欢迎指正。
node | node-sass | sass-loader | ||
v16 | 6.0+ (6.0.1) | 10.0.1 | ||
v15 | 5.0+,<7.0 (6.0.1) | 10.0.1 | ||
v14 | 4.14+ (4.14.1) | 7.3.1 | ||
v13 | 4.13+,<5.0 (4.3.0) | 4.1.1 | ||
v12 | 4.12+ (4.14.1) | 7.3.1 |