升级Angular至10后仅二次编译触发循环依赖警告如何排查？

你给出的代码片段已经明确暴露了完整的循环依赖链：
form.service.ts 直接导入了 TemplateDialogComponent -> data.service.ts 导入了 FormService -> tw-phone-ctrl.component.ts 导入了 DataService -> ctrl-line.component.ts 导入了 TwPhoneCtrlComponent -> ctrl-lines.component.ts 依赖 ctrl-line 组件 -> template-dialog.component.ts 模板中引用了 ctrl-lines 组件，形成了完全闭合的依赖环。
你在template-dialog的导入语句里没找到直接引用是因为组件的模板依赖（<app-ctrl-lines>标签引用）也会被Angular的依赖检测纳入计算，Angular 10优化了增量编译的依赖检测逻辑，粒度比Angular 7细很多，所以旧版本没触发的警告在升级后出现。首次全量编译不报警告、仅增量编译触发的原因是：全量编译时依赖树是正向逐步构建的，循环检测阈值未命中，增量编译时仅重新编译修改文件及关联依赖，反向回溯时就会识别到闭合的循环链。

• 首先做验证测试：临时注释form.service.ts中导入TemplateDialogComponent的语句，以及所有用到该组件打开对话框的代码，修改CtrlLines组件触发增量编译，确认警告是否消失，快速锁定问题源。
• 优先拆分服务层的组件依赖：通用服务不应该直接导入具体的UI组件，你当前在FormService里直接引入对话框组件调用MatDialog.open的写法是不合理的。可以把对话框创建逻辑抽到独立的DialogService中，或者用Angular的注入令牌（InjectionToken）代替具体组件类的导入，打破服务到UI组件的依赖。
• 拆分DataService和FormService的互相依赖：先确认DataService中引用FormService的用途，如果是做状态共享，就把需要共享的状态抽到独立的状态服务/RxJS主题中，两个服务都依赖这个独立的状态层，不要直接互相导入。
• 如果暂时没精力全量重构，可以在angular.json中临时关闭循环依赖检测做过渡：在projects.[你的项目名].architect.build.options中添加"showCircularDependencies": false，但这只是临时方案，还是建议尽快拆依赖避免后续运行时出现不可预期的问题。

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