解决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"

我滴妈呀,快要被这玩意坑惨了,555


版权声明:本文为qq_36040157原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。