未知的自定义元素：<v-main> Vuetify答案

【问题标题】：Unknown custom element: <v-main> Vuetify未知的自定义元素：<v-main> Vuetify
【发布时间】：2020-12-10 00:17:21
【问题描述】：

我收到错误Unknown custom element: <v-main> - did you register the component correctly?
但是所有其他 Vuetify 标签（v-app、v-app-bar 等）都可以正常工作

我正在使用 VueJS + Vuetify + Laravel
package.json:

"vue": "^2.5.17",
"vuetify": "^2.2.30",
"vuex": "^3.4.0"
"vuetify-loader": "^1.3.0"
"vue-cli-plugin-vuetify": "~2.0.5",
"vue-template-compiler": "^2.6.10",

在app.js:

import Vuetify from "vuetify";
Vue.use(Vuetify);
Vue.component('main-app', require("./MainApp").default);
const app = new Vue({
    el: "#app",
    store,
    vuetify: new Vuetify(),
});

组件：

<template>
    <v-app>
        <v-main>
        </v-main>
    </v-app>
</template>

.blade.php文件：

<body>
<div id="app">
    <main-app></main-app>
</div>
</body>

感谢您的帮助

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

通过将 Vuetify 更新为 "vuetify": "^2.3.9", 解决了问题

【讨论】：