Vue.js Vue路由器延迟加载不工作或创建单独的块文件

我试图在我的路由上实现一些延迟加载，但没有成功。这就是我的路由器文件夹中的index.js文件的外观

从“Vue”导入Vue；
从“vue路由器”导入VueRouter；
从“./views/Home.vue”导入主页；
从“./views/Login”导入登录名；
从“./视图/寄存器”导入寄存器；
从“./views/ResetPw”导入ResetPw；
从“firebase/app”导入firebase；
Vue.use（VueRouter）；
常数路由=[
{
路径：“/”，
姓名：“家”，
组成部分：家庭，
元：{
真实的
}
},
{
路径：“/login”，
名称：“登录”，
组件：登录，
},
{
路径：“/寄存器”，
名称：“注册”，
组成部分：寄存器，
},
{
路径：“/resetpw”，
名称：“resetpw”，
组件：ResetPw，
},
{
路径：“/member”，
名称：“会员名单”，
//组件：成员列表，
组件：（）=>import（'../views/MemberList.vue'），
元：{
真实的
}
},
{
路径：“/已删除”，
名称：“removedlog”，
//组件：RemovedLog，
组件：（）=>导入（'../views/RemovedLog.vue'），
元：{
真实的
}
},
{
路径：“/log”，
名称：“点日志”，
//组件：点日志，
组件：（）=>import（'../views/PointLog.vue'），
元：{
真实的
}
},
{
路径：“/：名称”，
姓名：“成员”，
//组成部分：成员：，
组件：（）=>导入（'../views/Member.vue'），
元：{
真实的
}
},
{
路径：“/edit/：name”，
名称：“编辑”，
//组件：EditPlayer，
组件：（）=>导入（'../views/EditPlayer.vue'），
元：{
真实的
}
},
{
路径：“/delete/：name”，
名称：“删除”，
//组件：DeletePlayer，
组件：（）=>导入（'../views/DeletePlayer.vue'），
元：{
真实的
}
},
{
路径：“/editremoved/：name”，
名称：“编辑删除”，
//组件：已删除，
组件：（）=>导入（'../views/EditRemoved.vue'），
元：{
真实的
}
}
];
常量路由器=新的VueRouter({
模式：“历史”，
base:process.env.base\u URL，
路线
});
路由器.beforeach（（到、从、下一个）=>{
const requiresAuth=to.matched.some（record=>record.meta.requiresAuth）；
const isAuthenticated=firebase.auth（）.currentUser；
如果（需要验证&&！已验证）{
下一步（“/login”）；
}否则{
next（）；
}
});
导出默认路由器；

我不确定我做错了什么或遗漏了什么，这就是官方vue路由器文档中关于实现延迟加载的说明，还有多少教程解释了如何实现延迟加载

---

当我构建时，它只创建1个.js文件，而它应该为每个路由构建一个，并且使用firefox上的“网络”选项卡，在路由之间移动时，没有加载新的route.js文件，我只有一个app.js

你找到解决方案了吗？