javascript - 動態新增路由報錯

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引入