web-dev-qa-db-ja.com

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
  }
}

そして、これが私のダッシュボードです

<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の このリンク で入手できます。

何が悪いのでしょうか？

vue.jsvuejs2vue-componentvuetify.js
5
Geoff

コードに問題はほとんどありません。

  1. App.vueでタグを閉じる必要があります
  2. タイプミスApp.vueの6行目「ダッシュボード」を修正
  3. Dashboard.Vueからフッターエリアを削除します（まだそのコンポーネントはありません;））
3
Đorđe Zeljić