template 标签中使用router-view报错

[K-walker]

你好，我想向您请教一个问题，就是我在template标签中使用router-view会报错：
Failed to mount component:template or render function not defined .
但是把router-view去掉就又正常了，您知道是为什么吗？

App.vue

<template>
  <div id="app">
    <div class="top">
      <ul>
          <li>用户管理系统</li>
          <li>退出</li>
          <li>{{accountName}}</li>
      </ul>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        accountName: 'Admin'
      }
    }
  }
</script>

路由

export default new Router({
  routes: [
      {
        path:'/'
      },
      {
        path: '/hello',
        component: Hello
      },
      {
        path: '/list',
        component: UserList
      }
  ]
})

main.js

new Vue({
  el: '#app', 
  router, 
  render:h => h(App)
}).$mount('#app')

[xrr2016]

 routes: [
      {
        path: '/',
        component: 'Your main component'
      },
     ......
  ]

[K-walker]

我已经解决了，我在 ./router/index.js 中导入组件的方式错了 const Comp = import('./component/comp') 这样导入就会报错。