如何解决未知的自定义元素:<v-main> Vuetify
我收到错误消息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",
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。