仅生产构建错误：Vuetify 无法定位目标数据应用程序

Question

我只在生产版本中遇到此错误。

我已经阅读了这个 文档 和这个相关的 问题，但我仍然无法让它工作。 <v-app> 包裹在 v-dialog 为什么它仍然抱怨？

这是我的代码

// App.vue
<template>
  <v-app id="inspire">
    <v-dialog max-width="500px">
      <v-card>
        <v-card-title>
          Create
        </v-card-title>
      </v-card>
    </v-dialog>
  </v-app>
</template>

 \\main.js
import Vue from "vue";
import store from "./store/store";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";
import App from "./App.vue";

Vue.use(Vuetify);
Vue.config.productionTip = false;
new Vue({
  el: "#app",
  store,
  render: h => h(App)
});

原文由 Jake He 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将 data-app 属性添加到目标

<div data-app>
      <MyComponent />
</div>

原文由 bereket gebredingle 发布，翻译遵循 CC BY-SA 4.0 许可协议