嵌套路由，低级路由切换高级出现报错

Question

export default new Router({
    mode: "history",
    base: process.env.BASE_URL + baseUrl,
    routes:[
        {
            path:'/',
            name:'登陆',
            component:()=>
                import("../views/login.vue"),
        },
        {
            path:'/home',
            name:'首页',
            component:()=>import("../views/home.vue"),
            children:[
                {
                    path:'/user',
                    name:'用户管理',
                    component:()=>
                        import("../views/user/user.vue"),
                    children:[
                        {
                            path:'subAccount',
                            name:'子账号管理',
                            component:()=>
                                import("../views/user/subAccount.vue"),
                            children:[
                                {
                                    path:'subAccountList',
                                    name:'子账号管理',
                                    component:()=>
                                        import("../views/user/subAccountList.vue"),
                                },
                            ]
                        },
                    ]
                },
                {
                    path:'/mechanism',
                    name:'机构管理列表',
                    component:()=>
                        import("../views/user/mechanism.vue"),
                },
            ]
        },
        
    ]
})

这个是我的router.js配置

这是菜单结构，因为我想做出嵌套的效果，防止路由结构看起来很乱，用户管理和权限管理是点不了的 我放了两个空的文件

然后进来点击菜单，第一个没问题，点击第二个路由跳转就会报错

看到其他的帖子说是电信劫持，无法验证，而且我把路由都改成平级的就不会有问题，不知道哪边配置有问题

Answer 1

其实如果你不实用动态路由 也不会报错的吧

Answer 2

挨个交替点了子路由和/home之后 所有子路由之间就可以跳转不报错了