Vuetify SASS无法使用Nuxt正确编译

时间:2019-06-10 19:24:14

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

我想通过插件使Vuetify与Nuxt一起工作,但出现以下问题: enter image description here

文本格式:

 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 个答案:

答案 0 :(得分:1)

这是因为您正在使用node-sass,而应该使用sass。

我还建议仅使用nuxtjs/vuetify模块,该模块将正确安装所有dep并进行所有需要的配置