Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an opt

options has an unknown property 'prependData'. These properties are valid: object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }

qq_45376257

6750人浏览 · 2022-08-07 19:38:28

qq_45376257 · 2022-08-07 19:38:28 发布

options has an unknown property ‘prependData’. These properties are valid: object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }

cass
根据项目的根路径的vue.config.js中

css: {
    loaderOptions: {
      sass: {
        additionaData: `@import"@/assets/scss/_variable.scss";`,
      },
    },
  },

这里的是sass-loader:12.0.0
cass-locader的版本不同，additionaData也会不同，
sass-loader:v10以上就用：additionaData
sass-loader:v8以上就用：prependData
sass-loader:v8-以下就用：data