具有vuetify2的Nuxt项目引发部署错误

时间:2019-10-17 13:26:44

标签: vuetify.js nuxt.js

我有一个nuxt项目,并在1个月前迁移到vuetify 1.5的vuetify 2.0。在yarn generateyarn build之后,一切对于开发都是完美的。但是,当我决定发布项目时,在yarn generate之后出现了与sass loader相关的错误。

我用vuetify 2测试了nuxt项目,并遇到了有关sass loader的不同错误。

我想知道是否存在任何问题,它在开发中如何工作,以及在构建或生成引发错误的命令中到底发生了什么。我该怎么办才能解决问题?

我想我找到了错误的根源:在nuxt-config.ts中,我在

中拥有的文件
styleResources: {
    scss: ['@/assets/sass/variables.scss']
  },

包括:

@import 'responsiveStyle';
$bg-color: white !important;
$primary-color: #1caefa !important;
$accent-color: #6c7293 !important;

我收到此错误:https://ibb.co/H7VvRVt

如果我删除@import'sensitiveStyle,则会出现此错误: https://ibb.co/KVQ08S9

这是一个示例项目,其中包括产生纱线命令之后的错误:https://github.com/nargesmomenyan/nuxt-vuetify2

2 个答案:

答案 0 :(得分:1)

Go to this link

,并查看要成功从1.5迁移到2所需执行的操作 已经发生了很多变化。 参见here

答案 1 :(得分:0)

根据此问题,问题与@ nuxtjs / style-resources模块有关: https://github.com/nuxt-community/vuetify-module/issues/82

我将此模块升级到了1.0.0版,错误消失了。