未知的自定义元素:<v-main> Vuetify

Jus*_*ser 2 vue.js vuetify.js

我收到错误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",
Run Code Online (Sandbox Code Playgroud)

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(),
});
Run Code Online (Sandbox Code Playgroud)

成分:

<template>
    <v-app>
        <v-main>
        </v-main>
    </v-app>
</template>
Run Code Online (Sandbox Code Playgroud)

.blade.php文件:

<body>
<div id="app">
    <main-app></main-app>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助

Jus*_*ser 5

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