错误信息解释:语法错误 - 验证错误:无效的选项对象。Sass Loader 使用了一个不符合API模式的选项对象初始化。
- 选项包含一个未知属性’data’。有效的属性包括:
对象 { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }
这个错误提示指出,在配置Sass Loader时,您提供了一个包含无效属性"data"的选项对象。Sass Loader期望的配置选项中并没有名为"data"的属性。
要解决这个问题,请根据提供的有效属性来调整您的配置。例如,如果您原本想通过"data"属性传递额外的数据给Sass编译器,那么应该使用"additionalData"属性。正确的配置示例可能是这样的:
module.exports = {
// ... 其他webpack配置项...
module: {
rules: [
{
test: /\.s[a|c]ss$/,
use: [
'style-loader',
'css-loader',
{
loader: 'sass-loader',
options: {
// 如果有额外数据要注入到每个Sass文件中
additionalData: '$someVar: value;',
// 其他可选配置如sourceMap、webpackImporter等
},
},
],
},
],
},
};
请对照有效的配置属性清单,检查并修改您的Sass Loader配置,移除或替换无效的"data"属性。