Сбой при разборе модуля: неожиданный символ '@' (1: 0) vuejs, vuetify и vuex

Question

получая ошибку при добавлении / интеграции Vuetify как .. import Vuetify из 'vuetify / lib' Vue.use (Vuetify) в main.js

Ошибка:

ERROR in ./node_modules/vuetify/src/stylus/components/_grid.styl
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
| .    @import '../bootstrap'

main.js

import Vuetify from 'vuetify/lib'
Vue.use(Vuetify)

Answer 1

нам нужно настроить загрузчик в webpack (webpack.config.js или webpack.js или webpack.base.js), например

webpack.base.js

 .......other config

 module: {
   rules: [
       {
         test: /\.styl$/,
        loader: ['css-loader', 'stylus-loader']
      },

    .....other loaders
   ]
 }

 ....other config

для установкигрузчики

 npm i stylus-loader  css-loader --save-dev