Angular 13：懒加载模块多路由出口无法渲染问题求助

Angular版本 #

^13.3.9

问题描述 #

在懒加载模块中使用多个路由出口时，路由跳转正常，但路由出口无法渲染内容。

路由流程 #

1. 用户访问首页（url=''），使用默认无名称的主路由出口；
2. 用户访问父页面（url='Parent:parent'），该页面会生成自身及子页面的布局，父级拥有名为parentRoutes的路由出口，通过src/app/CustomUrlSerializer将URL转换为Parent:格式以简化地址；
3. 用户访问子页面（url='Parent:parent/Child:'），子级拥有名为childRoutes的路由出口，同样通过src/app/CustomUrlSerializer将URL转换为Child:简化格式。

已尝试方案 #

• 针对懒加载模块多命名路由出口的Angular 2路由配置方案
• Angular 10中解决懒加载模块内辅助路由出口失效的方案

更新进展 #

目前首次点击子路由时可正常渲染，但后续点击则失效。

内容的提问来源于stack exchange，提问作者Ownerszz