Как я могу исправить ValidationError загрузчика Sass?
Я пытался добавить глобальные переменные scss в свой проект Vue. Я нашел этот пример глобально загрузить sass . Поэтому я создал vue.config.js
в корневой папке моего проекта Vue, а затем я копирую и вставляю vue.config.js
и измените путь к данным inport, а затем, когда я пытаюсь обслуживать свой проект, я получаю эту ошибку :
ValidationError: недопустимый объект параметров. Загрузчик Sass был инициализирован с помощью объекта options, который не соответствует схеме API. - options имеет неизвестное свойство "данные". Эти свойства действительны: объект { реализация?- сассоптионы?, prependdata командлета?, sourceMap?- вебпакимпортер? } при проверке
Я проверил свой package.json
, чтобы просто убедиться, что я установил node-sass
и sass-loader
, и я нашел эти зависимости :
"devDependencies": {
"@vue/cli-plugin-babel": "^4.1.0",
"@vue/cli-plugin-router": "^4.1.2",
"@vue/cli-service": "^4.1.0",
"babel-eslint": "^10.0.3",
"node-sass": "^4.12.0",
"sass-loader": "^8.0.0",
"vue-template-compiler": "^2.6.10"
}
Поэтому я немного запутался и не знаю, что делаю не так. Я также знаю, что могу их импортировать .scss
переменные scss для каждого компонента vue, в котором я собираюсь их использовать, но мне не нравится это решение.
вю.конфиг.JS
module.exports = {
css: {
loaderOptions: {
sass: {
data: `
@import "@/style/index.scss";
`
}
}
}
};
Структура директорий
Ответы - Как я могу исправить ValidationError загрузчика Sass? / How can I fix ValidationError of Sass loader?

