1. 解决方案一
//node 14.16 或14.18 对应的sass-loader和node-sass版本
npm install sass-loader@7.3.1 node-sass@4.14.1 --save-dev --registry https://registry.npm.taobao.org
npm install报错node-pre-gypERR!,报错信息如下
需要执行图下命令
npm install --global --production windows-build-tools
2. 解决方案二 放弃node-sass
Sass 官方团队正式宣布 Libsass 将弃用,以及基于它的 Node Sass 和 SassC,并且建议用户使用 Dart Sass。而且经常会因为node-sass 和 loader-sass 版本不一样会出现不同的问题,所以直接弃用
放弃node-sass 直接安装sass sass-loader,可以用以下版本
"sass-loader": "8.0.2",
"sass": "^1.26.5",
或低版本
"sass": "^1.53.0",
"sass-loader": "^7.0.1",
需要注意的是:node-sass之前的css穿透是/deep/
。而sass的穿透是 ::v-deep