Typescript Vue.js-未知自定义元素：<；路由器视图>；

我对Vue.js有点陌生，我正在尝试实现到应用程序的路由，但出于某种原因，我面临一个问题，即：

未知自定义元素：

-是否注册了该组件 正确地对于递归组件，请确保提供“name”选项

我是否注册了错误的组件？非常感谢您的帮助，我的代码如下：

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

导出默认路由器

Layout.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导入区分大小写

从“Vue”导入Vue//当您将
…AppLayout
更改为
render:h=>h（AppLayout）
？@Daniel same issuespot on！，新鲜的眼睛总是有帮助的，非常感谢您的时间。@Daniel:那么为什么
Vue.use（）
没有导致错误？我不知道'\_(ツ)_/¯