Получение ошибки в файле scss при установке vuetify.js

Question

Я установил vuetify.js, но он выдает ошибку в конфигурации веб-пакета.

Я изменил свою конфигурацию webpack v4, также установил node-sass и sass-loader

Webpack.config.js

{
    test:  /\.(s*)css$/,
    loader:['style-loader', 'css-loader', 'sass-loader']
}

Это ошибка

ОШИБКА в ./node_modules/vuetify/src/styles/main.sass 3: 0 Ошибка синтаксического анализа модуля: неожиданный символ '@' (3: 0) Вам может потребоваться соответствующий загрузчик для обработки этого типа файла.|// По модели ITCSS https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/ |

@ import './settings/_index' |@import './tools/_index' |@import './generic/_index' @ ./node_modules/vuetify/lib/framework.js 5: 0-33 @ ./node_modules/vuetify/lib/index.js @ ./node_modules/babel-loader/lib !./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/header/Header.vue @ ./src/header/Header.vue @ ./node_modules/babel-loader/lib !./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/app/App.vue @ ./src/app/App.vue @ ./src/index.js

Answer 1

Я использую следующие установленные ниже зависимости, и у меня все работает нормально:

    "sass": "^1.22.9",
    "sass-loader": "^7.2.0",
    "vue-cli-plugin-vuetify": "^0.5.0",
    "vuetify-loader": "^1.3.0"