封装组件的时候报错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)
})

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