options 具有未知属性“prependData”。这些属性是有效的：答案

【问题标题】：options has an unknown property 'prependData'. These properties are valid:options 具有未知属性“prependData”。这些属性是有效的：
【发布时间】：2021-03-08 08:49:05
【问题描述】：

在 nuxt 中运行 npm run dev 时出现以下错误

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):                                                                                                                              friendly-errors 14:26:26
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'. These properties are valid:
   object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }

人们说你应该改变加载选项

  css: {
    loaderOptions: {
      sass: {
        prependData: '@import "@/scss/settings.scss";'
      }
    }
  }

并使用 prependData 代替数据。但是在 Nuxt 中我该怎么做呢？

【问题讨论】：

标签： sass nuxt.js

【解决方案1】：

降级到 SASS 7.x（在我的例子中是 7.3.1）

在package.json:

  "devDependencies": {
    ...
    "sass-loader": "^7.3.1"
  }

【讨论】：

【解决方案2】：

将 prependData 更改为附加数据：

  css: {
    loaderOptions: {
      sass: {
        additionalData: '@import "@/scss/settings.scss";'
      }
    }
  }

【讨论】：