安装vuetify.js时,在scss文件中出现错误

时间:2019-09-25 12:39:09

标签: sass vuetify.js webpack-4

我已经安装了vuetify.js,但它在webpack配置中给了我错误。

我已经更改了我的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

1 个答案:

答案 0 :(得分:0)

我使用以下安装了以下依赖项,它对我来说很好用:

infix