解决node16版本在启动项目时,项目中node-sass和sass-loader版本不兼容的情况

1、安装node16版本后,需要对项目中的node-sass和sass-loader进行升级,否则会报如下错误

Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime
2、这时你需要将node-sass升级到6.x版本,同时sass-loader升级到10.x版本,然后再运行项目就好啦;

注意:还有一种情况是,项目里对之前的sass文件做了全局文件的引入,vue.config.js文件中的代码如下:

css:{
extract: true,
sourceMap: false,
loaderOptions: {
sass: {
data: `@import "./src/assets/styles/globals.scss";`
}
},
modules: false
},
在项目启动时会报如下错误:

ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
因为安装了sass-loader10.x的版本,新版本不再支持 data方式或者prependData 的引入了,改成additionalData就好了。。。

sass-loader v8-,这个选项名是 "data"
sass-loader v8 中,这个选项名是 "prependData"
sass-loader v10+,这个选项名是 "additionalData"

posted @ 2022-11-14 17:30  奶包迷了鹿  阅读(2908)  评论(0编辑  收藏  举报