Vue.js - 알 수 없는 사용자 지정 요소:

Vue.js - 알 수 없는 사용자 지정 요소:

나는 Vue.js에 대해 처음 접하는 편이고 애플리케이션에 대한 라우팅을 구현하려고 노력 중이지만, 어떤 이유에서인지 나는 다음과 같은 문제에 직면해 있다.

알 수 없는 사용자 지정 요소:<router-view>- 구성 요소를 올바르게 등록하셨습니까?재귀 구성 요소의 경우 "이름" 옵션을 제공하십시오.

내가 부품을 잘못 등록하고 있는 건가?어떤 도움이라도 감사하오, 아래 내 코드는:

app.js

import Vue from 'vue'
import AppLayout from './theme/Layout.vue'
import router from './router'

const app = new Vue({
  router,
  ...AppLayout
})

export { app, router }

라우터.js

import Vue from 'Vue'
import VueRouter from 'vue-router'
import Category from './theme/Category.vue'
import Login from './theme/Login.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {path: '/', component: Category},
    {path: '/login', component: Login}
  ]
})

기본 라우터 내보내기

레이아웃.vue

 <template>
  <div>
    <app-header></app-header>
    <section class='main-section section'>
      <div class='container content'>
        <router-view></router-view>
      </div>
    </section>
    <app-footer></app-footer>
  </div>
</template>
<script>
import AppHeader from './AppHeader.vue'
import AppFooter from './AppFooter.vue'
export default {
  components: {
    'app-header': AppHeader,
    'app-footer': AppFooter
  }
}
</script>
<style lang='scss'>
$primary: #287ab1;
@import '~bulma';

</style>

나는 이 남자의 코드를 따라가고 있어. 여기와 그의 코스를 따라가고 있어.

처럼 보인다Vue.use(VueRouter)그 일을 하고 있지 않다...

이는 Vue 가져오기에 대한 대소문자 구분 때문일 수 있다.

import Vue from 'Vue'  // <--- should be 'vue' NOT 'Vue'
import VueRouter from 'vue-router'
import Category from './theme/Category.vue'
import Login from './theme/Login.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {path: '/', component: Category},
    {path: '/login', component: Login}
  ]
})

참조URL: https://stackoverflow.com/questions/55266340/vue-js-unknown-custom-element-router-view