StackBlitz下带路由的Angular应用加Jasmine测试后路由失效求解

初始故障表现 #

• 路由匹配报错：点击功能按钮尝试触发页面跳转时，控制台抛出 Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'login'
• 平台初始化冲突：当前已在main.ts中注释掉原有应用初始化代码，一旦尝试补回对应配置片段，就会在指定核心模块位置触发报错：/turbo_modules/@angular/core@11.2.0/__ivy_ngcc__/bundles/core.umd.js (29742:19)，错误提示为 A platform with a different configuration has been created. Please destroy it first.

问题排查进展 #

• 初步判断路由故障和main.ts配置逻辑相关：路由规则统一定义在AppModule、AppRoutingModule模块中，需要在合适位置完成模块初始化挂载，目前暂未定位到正确实现方式
• 已参考公开方案修复了第一类路由匹配报错，但路由导航功能仍无法正常运行
• 对比未添加测试、可正常实现跨页面导航的原始可用版本发现：配置测试后出现独立组件直出的渲染异常——页面仅单独渲染当前绑定测试的组件，例如为LoginComponent编写测试时，页面会直接显示LoginComponent，而非原本携带HeaderComponent的完整主导航界面

核心需求 #

• 实现双场景兼容：既保留原应用完整的跨页面路由导航能力，又能正常执行Karma驱动的Jasmine测试用例
• 不对原应用的正常业务逻辑做侵入式修改

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