Question

使用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上找到

可能出现什么问题？

Answer 1

您的代码中几乎没有问题。

您必须在App.vue
修复拼写错误App.vue第6行“仪表板”
从Dashboard.Vue中移除页脚区域（您还没有该组件;））

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

1 个答案: