Vue.js 将buildDir添加到Nuxt配置会中断Vuetify

我已经用“npx create Nuxt app”命令创建了一个Nuxt应用程序，如Nuxt文档中所述，选择Vuetify作为选项之一。这将创建一个默认的Nuxt应用程序，它在webpack开发模式下与Vuetify完美运行。但是当我补充

buildDir:'./../functions/nuxt'

要进行Nuxt配置并运行“Thread dev”，只要Vue达到Vuetify且页面变为空白，Vuetify就会中断，页面的呈现就会停止

这些是浏览器给出的主要错误

• [Vuetify]检测到多个Vue实例
• [Vue warn]：beforeCreate钩子中的错误：“错误：Vuetify未正确初始化

这里是nuxt.config.js

import colors from 'vuetify/es5/util/colors'

export default {
  mode: 'universal',
  head: {
    title: 'Frame of Nuxt2 application on Firebase',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto' }
    ]
  },
  loading: { color: '#fff' },
  css: [
  ],
  plugins: [
  ],
  buildModules: [
    '@nuxtjs/eslint-module',
    '@nuxtjs/vuetify'
  ],
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/pwa'
  ],
  axios: {
  },
  vuetify: {
    customVariables: ['~/assets/variables.scss'],
    theme: {
      dark: true,
      themes: {
        dark: {
          primary: colors.blue.darken2,
          accent: colors.grey.darken3,
          secondary: colors.amber.darken3,
          info: colors.teal.lighten1,
          warning: colors.amber.base,
          error: colors.deepOrange.accent4,
          success: colors.green.accent3
        }
      }
    }
  },
  buildDir: './../functions/nuxt',
  build: {
    extend (config, ctx) {
    }
  }
}

我似乎不了解Vuetify如何与Nuxt一起工作，也不知道为什么不以默认方式构建应用程序（默认情况下，它在

.Nuxt

文件夹中的项目内部构建）会破坏它

---

如果您有任何见解，我将不胜感激。好的，看来生成目标的根文件夹在节点模块中必须有一个vuetify。添加依赖项可以解决这个问题。在我的例子中是“函数”目录

buildDir:'./../functions/nuxt'