报错15:13:31.266 Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-hbuilderx/packages/webpack-uni-nvue-loader/lib/style.js): 15:13:31.267 (Emitted value instead of an instance of Error) Error: undefined:153:5: missing '}',Error: undefined:174:9: missing '}' 15:13:31.276 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 15:13:31.285 ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. 15:13:31.285 - options has an unknown property 'additionalData'. These properties are valid: 15:13:31.291 object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter?, nvue? } 15:13:31.291 at validate (E:\whg\ChuangQi\app\ybgdd-ai\front\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\node_modules\schema-utils\dist\validate.js:96:11) 15:13:31.298 at Object.loader (E:\whg\ChuangQi\app\ybgdd-ai\front\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\index.js:38:28)
时间: 2023-11-26 08:06:43 浏览: 1183
这个错误是由于sass-loader的配置不正确导致的。具体而言,错误信息指出了sass-loader的options对象中包含了一个未知属性additionalData,这个属性不在API schema中定义,因此引起了ValidationError。
要解决这个问题,可以尝试在webpack配置中修改sass-loader的options,将additionalData属性改为prependData属性,并将sass的变量定义放在prependData中,例如:
```
// vue.config.js
module.exports = {
chainWebpack: config => {
config.module
.rule('scss')
.use('sass-loader')
.tap(options =>
Object.assign(options, {
prependData: `
@import "@/styles/variables.scss";
`
})
)
}
}
```
这里的变量定义文件路径为src/styles/variables.scss,你需要根据实际情况进行修改。
希望这个解决方案能够帮助你解决问题。如果还有其他问题,请随时提出。
阅读全文