Vue.js Vuetifyjs错误未知自定义元素：您是否正确注册了组件

我正在使用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
  }
}

从“./components/dashboard/dashboard.vue”导入Dashbaord；
导出默认值{
名称：“appinit”，
组成部分：{
“仪表板”：仪表板
}
}

这是我的仪表盘

<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安装组件分为不同的组件部分，有什么问题吗

该代码可在github上获得

---

有什么问题吗？

代码中几乎没有问题

您必须关闭App.vue中的标记

修复App.vue第6行“仪表板”的打字错误

从Dashboard.Vue中删除页脚区域（您还没有该组件；）

---

我看不到您在哪里注册仪表板组件。在AppVue组件中，查看其“我已注册仪表板”作为本地组件，检查组件：{}区域，如下所示：