반응형
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에서 사용할 수 있습니다.
뭐가 잘못됐나요?
코드에 문제가 거의 없습니다.
- 앱에서 태그를 닫아야 합니다.표시하다
- 오타 수정 App.vue 행 6 "대시보드"
- 대시보드에서 바닥글 영역을 제거합니다.Vue (그 컴포넌트는 아직 없습니다;)
언급URL : https://stackoverflow.com/questions/44279449/vuetifyjs-error-unknown-custom-element-did-you-register-the-component-correctly
반응형
'programing' 카테고리의 다른 글
| vue-google-map set infow는 마커 위에 있습니다. (0) | 2022.07.07 |
|---|---|
| Java: 범용 유형에서 클래스 리터럴을 가져오려면 어떻게 해야 합니까? (0) | 2022.07.07 |
| 입력 스트림에서 효율적으로 Android 읽기 (0) | 2022.07.07 |
| Vue 구성 요소에 Vuelidate $v가 정의되지 않았습니다. (0) | 2022.07.07 |
| JS 파일이 외부에서 로드된 경우 Vue에서 공동 구성 요소를 등록할 수 없습니다. (0) | 2022.07.07 |