Vuetifyjs Fehler Unknown benutzerdefinierte Element: Haben registrieren Sie die Komponente richtig

Question

bin mit vuetify eine Vorlage zu erstellen, aber ich erhalte eine Fehlermeldung

unknown custom element dashboard did you register the component correctly? 

Dies ist mein Code:

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

In meiner App. vue

<template> 
    <dashboard></dashboard> 

</template> 
<script> 
import Dashbaord from './components/dashboard/Dashboard.vue'; 
    export default { 
    name: "appinit", 
    components: { 
    "dashboard":Dashboard 
    } 
} 

Und hier ist mein Armaturenbrett

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

Was, wie ich nur die anfängliche vuefy Installationskomponente in verschiedene Teilabschnitte

Der Code verfügbar

bei Github auf This link getrennt haben könnte falsch sein

ist

Was könnte falsch sein?

Answer 1

Sie haben einige Probleme in Ihrem Code.

1. Sie haben Tag zu schließen in App.vue
2. Fix Typo App.vue Linie 6 "Armaturenbrett"
3. entfernen Footer-Bereich von Dashboard.Vue (Sie haben nicht diese Komponente noch;))