时间戳

首页 > 解决方案 > 使用 vuetify2 的 Nuxt 项目会引发部署错误

vuetify.js - 使用 vuetify2 的 Nuxt 项目会引发部署错误

问题描述

我有一个 nuxt 项目，并在 1 个月前从 vuetify 1.5 迁移到 vuetify 2.0。yarn generate在or之后，一切都非常适合开发yarn build。但是，当我决定发布该项目时，我遇到了与 sass loader 相关的错误yarn generate。

我用 vuetify 2 测试了 nuxt 项目，得到了关于 sass 加载器的不同错误。

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

我想我找到了错误的根源：In nuxt-config.ts, the file that I have in

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 'responsiveStyle，则会引发此错误： https ://ibb.co/KVQ08S9

这是一个示例项目，包括 yarn-generate 命令后的错误：https ://github.com/nargesmomenyan/nuxt-vuetify2

标签： vuetify.jsnuxt.js

解决方案

转到此链接

看看你必须做些什么才能成功地从 1.5 迁移到 2，已经发生了很多变化。看这里

推荐阅读