未知的自定义元素：<v-app> - 您是否正确注册了该组件？对于递归组件

Question

嘿，我在将 vuetify 导入我的项目时遇到问题……

我究竟做错了什么？

[Vue 警告]：未知自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

应用程序.js：

 import Vue from "vue";
import Vuetify from "./plugins/vuetify";
import store from "~/store";
import router from "~/router";

import App from "~/components/App";

Vue.config.productionTip = false;

/* eslint-disable no-new */
new Vue({
    store,
    router,
    Vuetify,
    ...App
});

应用程序.vue：

 <template>
  <v-app>
    <loading ref="loading" />
    <router-view />
  </v-app>
</template>

<script>
import Loading from "./Loading";

export default {
  el: "#app",
  components: {
    Loading
  }
};
</script>

<style>
</style>

插件/vuetify.js：

 import Vue from "vue";
import Vuetify from "vuetify/lib";

Vue.use(Vuetify);

export default new Vuetify({
    icons: {
        iconfont: "md" // 'mdi' || 'mdiSvg' || 'md' || 'fa' || 'fa4'
    },
    theme: {
        dark: false
    },
    themes: {
        light: {
            primary: "#4682b4",
            secondary: "#b0bec5",
            accent: "#8c9eff",
            error: "#b71c1c"
        }
    }
});

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

Answer 1

有同样的问题困扰了我一个小时，我也不知道这是如何工作的：但这是我在 vuetify.js

改变了：

import Vuetify from 'vuetify/lib'

替换为：

import Vuetify from 'vuetify'

注意：这可能只是一个 laravel 问题，因为官方 vuetify 文档有第一种形式。

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