时间戳

首页 > 解决方案 > sass-loader 9.0.x & vue: ValidationError: Invalid options object。Sass Loader 已使用选项对象初始化

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

问题描述

我最近将我的 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在 my 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";
          `
      }
    }
}

标签： vue.jssass-loadervue-loader

解决方案

更改prependData为. vue.config.js_additionalData

vue-loader 9.0.0 更新日志中的更多信息：

  • 删除了 prependData 选项以支持 additionalData 选项，请参阅文档

该vue-loader指南现在也推荐了附加数据。

推荐阅读