Vuetify SASS 无法使用 Nuxt 正确编译

Posted 2023-02-22

【中文标题】Vuetify SASS 无法使用 Nuxt 正确编译

【英文标题】：Vuetify SASS not compiling correctly with Nuxt

【发布时间】：2019-10-25 05:00:58

【问题描述】：

我想通过插件使 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 加载器。我设置了一个示例存储库准系统来重新创建问题。 https://github.com/Badgyy/vdling

在这个问题上坐了几个小时，但没有在网上找到任何合适的解决方案，感谢任何帮助。

【参考方案1】：

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

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

【讨论】：

是的，我使用了 nuxt 模块，它可以工作，但是更改 nuxt 配置中的主题设置对外观没有影响，所以因为我没有发现任何关于该问题的问题，所以我试图去插件路线，因为它过去对我有用，主题修改

@Badgy 主题修改在 v2 中已更改，请查看文档。它应该是类似主题的主题灯作为键

你可以使用 nuxtjs/vuetify al-a-carte 吗？我真的只需要 vuetify 的一个模块，而不是全部。

@10000RubyPools 是的，它在 vuetify 生产构建中的默认 treeshake。