Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
问题
在配置scss
全局配置文件的时候出现了错误,sass-loader
v7 以上的版本,将选项名从 data
更改为 prependData
,修改完成后发现还是有问题,通过排查发现在项目中只使用了scss
,再配置的时候配置了scss
sass
,将sass配置删除就好用了
css: {
loaderOptions: {
// 给 sass-loader 传递选项
sass: {
// @/ 是 src/ 的别名
// 注意:在 sass-loader v7 中,这个选项名是 "data"
prependData: `@import "~@/assets/css/public.scss"`
},
// 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
// 因为 `scss` 语法在内部也是由 sass-loader 处理的
// 但是在配置 `data` 选项的时候
// `scss` 语法会要求语句结尾必须有分号,`sass` 则要求必须没有分号
// 在这种情况下,我们可以使用 `scss` 选项,对 `scss` 语法进行单独配置
scss: {
prependData: `@import "~@/assets/css/public.scss";`
}
}
},
版本
"node-sass": "^4.12.0",
"sass-loader": "^8.0.0",