Блог

При запуске npm run dev в nuxt я получаю следующую ошибку

 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 вместо data . Но как мне это сделать, чем в Nuxt?

Измените prependData на additionalData:

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

Понижение версии до SASS 7.x (в моем случае 7.3.1)

В package.json :

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