我使用vuetify来构建模板但是收到错误
unknown custom element dashboard did you register the component correctly?
这是我的代码:
In the main.js
import Vue from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify'
import VueRouter from 'vue-router';
import {routes} from './routes';
Vue.use(VueRouter);
Vue.use(Vuetify)
new Vue({
el: '#app',
render: h => h(App)
})
在我的App.vue中
<template>
<dashboard></dashboard>
</template>
<script>
import Dashbaord from './components/dashboard/Dashboard.vue';
export default {
name: "appinit",
components: {
"dashboard":Dashboard
}
}
这是我的仪表板
<template>
<v-app>
<left-drawer></left-drawer>
<toolbar></toolbar> <!-- Dashboard Toolbar-->
<main>
<v-container fluid>
..info are
</v-slide-y-transition>
</v-container>
</main>
<right-drawer></right-drawer>
<footer-area></footer-area>
</v-app>
</template>
<script>
imports ......
export default {
components: {
Toolbar, RightDrawer,LeftDrawer,FooterArea
}
}
可能有什么问题,因为我刚刚将初始的vuefy安装组件分成不同的组件部分
该代码可在This link的github上获得
可能有什么不对?
1 回答
您的代码中几乎没有问题 .
您必须在App.vue中关闭标记
修复拼写错误App.vue第6行"Dashboard"
从Dashboard.Vue中删除页脚区域(您还没有该组件;))