【问题标题】:Vuetify SASS not compiling correctly with NuxtVuetify SASS 无法使用 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

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

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

    • 是的,我使用了 nuxt 模块,它可以工作,但是更改 nuxt 配置中的主题设置对外观没有影响,所以因为我没有发现任何关于该问题的问题,所以我试图去插件路线,因为它过去对我有用,主题修改
    • @Badgy 主题修改在 v2 中已更改,请查看文档。它应该是类似主题的主题灯作为键
    • 你可以使用 nuxtjs/vuetify al-a-carte 吗?我真的只需要 vuetify 的一个模块,而不是全部。
    • @10000RubyPools 是的,它在 vuetify 生产构建中的默认 treeshake。
    猜你喜欢
    • 2018-11-29
    • 2019-12-22
    • 2013-04-03
    • 1970-01-01
    • 2019-05-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多