＜router-view＞＜/router-view＞渲染空白,但没有任何错误提示

原因一：‘routes’写为’routers’

const  routes= [{ //变量名是routes,而不是routers
        path: '/home',
        component: Home
    },
    {
        path: ' /about',
        component: About
    }
]
const router = new VueRouter({
        // 配置路由和组件之间的映射关系 ,ES6缩写语法，相当于routes:routes
        routes
    })

原因二：component拼写错误

我把’component’拼写成’compoment’害我找了好久错