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

标签 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",

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>

感谢您的帮助

最佳答案

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

关于vue.js - 未知的自定义元素 : <v-main> Vuetify,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63508830/

相关文章:

javascript - Vue 过渡组不工作

javascript - 访问 Vue 实例上不存在的属性失败

button - 在哪里可以找到 vuetify 中使用的图标列表?

javascript - 在 Javascript 中为未在 UI 中显示的 vuetify.js v-select 设置值

vue.js - Vue js - 从对话框获取答案以确认导航 w/Vue Router + Vuetify

javascript - 从输入数据作为图像数组传递到 api

vue.js - VueJS : variable is undefined inside computed only

javascript - 如何使用插槽在 Vuetify 数据表中设置分组行的样式?

javascript - 调用本地注册组件 VueJs 的父方法

vue.js - v-slot : activator? 中 {attrs} 参数的用途是什么