router.addRoute报错是为什么

Question

import Vue from 'vue'
import VueRouter from 'vue-router'
import HomePage from '@/views/index'
import Login from '@/views/login'
import Register from '@/views/register'

Vue.use(VueRouter)

const dynamicRoutes = [
  {
    path: '/',
    component: () => import('@/views/home/index.vue'),
    name: 'Home',
    meta: {
      title: '首页'
    }
  }
]
const routes = [
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: '/register',
    name: 'Register',
    component: Register
  },
  {
    path: '',
    redirect: '/',
    name: 'HomePage',
    component: HomePage
  
  }

]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
router.addRoute('HomePage', dynamicRoutes)
console.log(router.getRoutes(), '原生router')
export default router

这样添加路由后报错了如上图

Answer 1

你穿的参数格式类型不支持，你可以看看它支持什么格式
https://github.com/vuejs/vue-...

Answer 2

重定向的 那条改一下{

path: '*',
redirect: '/',
name: 'HomePage',
component: HomePage

}
放在最后