node升级16.16.0 node-sass sass-loader报错

326 阅读1分钟

公司Vue2项目需升级Node版本,以适应新需求,Node从14.5.0升级到16.16.0,刚开始升级后报错一大堆,网上各种查找最终解决了,记录一下

升级node版本到16.16.0后需要同时将node-sass 及 sass-loader 升级到对应版本,node16+对应的版本如下

"node-sass": "6.0.1"
"sass-loader": "10.2.0"

对应安装命令

npm install node-sass@6.0.1 --save-dev

npm install sass-loader@10.2.0 --save-dev

如果项目中使用了sass-loader全局变量配置,到这里还会报错,需修改配置, 将prependData字段修改为additionalData

修改前:

image.png

修改后:

image.png

备注:如遇到以下报错,检查node-sass及sass-loader的版本,与当前Node是否匹配

Node Sass version 6.0.1 is incompatible with ^4.0.0.

TypeError: this.getOptions is not a function