sass-loader 9.0.x & vue: ValidationError: Invalid options object。 Sass Loader 已使用选项对象初始化

Posted 2023-02-22

【中文标题】sass-loader 9.0.x & vue: ValidationError: Invalid options object。 Sass Loader 已使用选项对象初始化

【英文标题】：sass-loader 9.0.x & vue: ValidationError: Invalid options object. Sass Loader has been initialized using an options object

【发布时间】：2020-10-27 22:59:58

【问题描述】：

我最近将我的 sass-loader 从 8.0 升级到 9.0，当我运行 npm run build (vue-cli-service build) 时出现此错误

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 'prependData'

prependData这个词唯一出现在我的vue.config.js中：

  //...
  publicPath: process.env.VUE_APP_ASSETS_PUBLIC_PATH,
  css: 
    loaderOptions: 
      scss:  // \/\/\/\/ here's prependData below
        prependData: `
            @import "~@salesforce-ux/design-system/design-tokens/dist/theme-one-salesforce.default.scss";
          `
      
    

【参考方案1】：

将vue.config.js 中的prependData 更改为additionalData。

更多信息在the changelog for vue-loader 9.0.0:

删除了 prependData 选项以支持附加数据选项，请参阅docs

vue-loader guide 现在已经过时，错误地建议使用prependData。

【讨论】：

感谢您指出这个问题。我做了一个pull request with vue-loader。