Vue.config.js报错
Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'data'. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
Vue3X版本应该要写成
css: {
loaderOptions: {
// 给 sass-loader 传递选项
sass: {
prependData: `@import "@/style/index.scss";`
}
}
},
Vue2x的写法
css: {
loaderOptions: {
// 给 sass-loader 传递选项
sass: {
// @/ 是 src/ 的别名,引入全局 scss
data: `@import "@/style/index.scss";`
}
}
},
在Vue项目中遇到SassLoader配置错误,错误提示表明在Vue3X版本中使用了Vue2X的`sass`写法。正确的Vue3X配置应为`prependData`,而Vue2X版本则是`data`。修正后的配置可以避免`@import`全局SCSS文件时报错,确保样式正确加载。
1756

被折叠的 条评论
为什么被折叠?



