Как я могу исправить 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";
        `
      }
    }
  }
};

Структура директорий