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

Question

我已经安装vuetify.js但它给我错误的webpack配置。

我已经改变了我的webpack v4配置，还安装了node-sass和sass加载器

网页包。配置。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/ |

@导入。/设置/_index|@导入。/工具/_index|@导入。/通用/_index@。/node_modules/vuetify/lib/framework.js5:0-33@。/node_modules/vuetify/lib/index.js@。/node_modules/Babel-loader/lib！。/node_modules/vue-loader/lib/selector.js?type=script

Answer 1

我使用以下安装了以下依赖项，它对我来说工作正常：

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