programing

Vuetifyjs 오류 알 수 없는 사용자 지정 요소: 구성 요소를 올바르게 등록했습니까?

prostudy 2022. 7. 7. 22:24
반응형

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

내 앱에서표시하다

<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에서 사용할 수 있습니다.

뭐가 잘못됐나요?

코드에 문제가 거의 없습니다.

  1. 앱에서 태그를 닫아야 합니다.표시하다
  2. 오타 수정 App.vue 행 6 "대시보드"
  3. 대시보드에서 바닥글 영역을 제거합니다.Vue (그 컴포넌트는 아직 없습니다;)

언급URL : https://stackoverflow.com/questions/44279449/vuetifyjs-error-unknown-custom-element-did-you-register-the-component-correctly

반응형