封装组件的时候报错Unknown custom element: router-view make sure to provide the name option.

在配置项目路由时，使用router-view 不能正常渲染，报错如下：[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

found in

—> at src/App.vue

检查如下路由配置文件index.js：

import Vue from 'vue'
import VueRouter from 'vue-router'

//懒加载
const Home=()=>import('../views/home/Home.vue')
const Category=()=>import('../views/category/Category.vue')
const Cart=()=>import('../views/cart/Cart.vue')
const Profile=()=>import('../views/profile/Profile.vue')

Vue.use(VueRouter)

const routes=[
  {
     
    path:'',
    redirect:'/home'
  },
  {
     
    path:'/home',
    component:Home
  },
  {
     
    path:'/category',
    component:Category
  },
  {
     
    path:'/cart',
    component:Cart
  },
  {
     
    path:'/profile',
    component:Profile
  },

]
const router =new VueRouter({
     
  routes
})
export default router

编写正确，之后在请教了群里的老哥们后，发现入口文件main.js中

import Vue from 'vue'
import App from './App'


Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
     
  el: '#app',

  render: h => h(App)
})

忘了注册组件了！！！！

修改后如下：

import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
     
  el: '#app',
  router,
  render: h => h(App)
})

这种无脑的小错误希望自己不要再犯了。