合并分支后出现TS2563错误，HTML内ng-template触发报错如何解决？

错误提示：所属函数或模块体过大，无法进行控制流分析。

错误根因 #

该错误是TypeScript编译器的原生控制流分析限制触发，既不是lint规则问题，也不是DOM层面的运行时条件导致：
Angular在AOT编译阶段，会将.html中的ng-template内容转换为对应的TypeScript工厂函数，当单个模板内的条件判断、变量绑定、嵌套层级过多时，生成的函数体大小会超过TypeScript默认的控制流分析阈值，最终抛出该错误。

可落地解决方案 #

• 拆分体积过大的ng-template：将触发错误的模板中的独立逻辑（比如本次涉及的确认按钮组逻辑）抽离为单独的子组件，或拆分为多个子ng-template通过*ngTemplateOutlet进行引用，降低单个模板生成的函数体积
• 临时调整编译阈值用于排查：在项目tsconfig.json的compilerOptions中添加如下配置，可临时关闭阈值限制，优先保证业务推进

{
  "compilerOptions": {
    "disableControlFlowAnalysisLimit": true,
    // 也可自定义调整阈值，默认值为20000
    // "controlFlowAnalysisLimit": 30000
  }
}

• 清理分支合并后的冗余代码：对比合并前后的ng-template代码改动，删除无用的条件分支、冗余变量绑定，减少模板的逻辑复杂度

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