请教一个嵌套路由报错Loading chunk failed.的问题

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

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配置

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

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

看到其他的帖子说是电信劫持，无法验证，而且我这个是开发环境也不是打包后出现的问题，且我把路由都改成平级的就不会有问题，不知道哪边配置有问题

刚才看了下每次点击下面会增加这几个.js文件