javascript - Vuetify SASS 无法使用 Nuxt 正确编译

标签 javascript vue.js sass vuetify.js nuxt.js

我想让 Vuetify 通过插件与 Nuxt 一起工作，但遇到了以下问题:

文本格式:

 ERROR  in ./node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass                                                                                                                                                                                                                         friendly-errors 21:22:30

Module build failed (from ./node_modules/sass-loader/lib/loader.js):                                                                                                                                                                                                                                          friendly-errors 21:22:30

undefined
   ^
      Invalid CSS after "    @content": expected "}", was "($material-light); "

我根据 Vuetify 和 Nuxt 的文档安装了所有必要的 Sass Loader。我设置了一个示例存储库准系统来重现问题。 https://github.com/Badgyy/vdling

现在已经解决这个问题几个小时了，但没有在网上找到任何合适的解决方案，我很感激任何帮助。

最佳答案

这是因为你使用的是 node-sass，而你应该使用 sass。

此外，我建议只使用 nuxtjs/vuetify模块，它将正确安装所有依赖项并进行所有需要的配置

关于javascript - Vuetify SASS 无法使用 Nuxt 正确编译，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56532402/