在.js文件和.vue文件中使用时，为什么我的项目中的vuetify中断

Question

当我从index.js文件中包含vuetify Vuetify.use(vuetify)时，出现此错误

vue.esm.js?a026:591 [Vue warn]: Unknown custom element: <v-app> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

但是当我将其包含在我的项目App.vue文件中时，它可以正常工作。为什么会这样？

index.js

import Vue from "vue";
import Vuetify from "vuetify";
import StorePlugin from "./store/index";
import LibrariesPlugin from "./plugins/libraries";
import App from "./components/App";
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify);
Vue.use(StorePlugin);
Vue.use(LibrariesPlugin);
Vue.config.productionTip = false

new Vue({
  el: "#app",
  render: h => h(App)
});

App.vue

<template>
    <v-app>
     // other custom components
    </v-app>
</template>
<script>
   import Vue from "vue";
   import Vuetify from "vuetify";
   Vue.use(Vuetify);
   export default {}
</script>

我还尝试了在组件中添加名称的修复程序，但也没有任何改变。

Answer 1

只需从App.vue中删除这些导入并将它们仅保留在index.js中

Answer 2

所以事实证明这是行不通的，因为我安装了两个版本的Vue。我删除了第二个版本（这是Vue的较早版本），然后在index.js中导入Vuetify效果很好。我仍然不确定为什么将Vuetify包含在App.vue中而不是index.js时使用Vue的重复版本的问题，但是删除Vue的第二个实例为我解决了这个问题。