动态添加路由报错

Question

动态添加了路由然后就报错了，添加动态路由的代码如下，data是后台获取的数据，自己写了个404页面，path: '/404'也没有这个错误。

data.permission = [{
    path: '/index',
    name: 'index',
    component: './../views/layout/index'
}]
this.$router.addRoutes(data.permission)

然后就报下面的错误，求解

Uncaught (in promise) Error: [vue-router] route config "component" for path: /index cannot be a string id. Use an actual component instead.

Answer 1

component字段加个require,错误信息理解错了

component:require('./../views/layout/index.vue')

Answer 2

component需要一个组件实例，不能给路径
可以通过import或require引入