Angular 8项目TSLint循环复杂度配置与报错不符问题咨询

兄弟，你踩了个很容易搞混的细节坑——你在tslint.json里配置的cyclomatic-complexity和报错里的模板圈复杂度，根本是两个互不相关的规则！

具体区别拆解： #

• 你配置的"cyclomatic-complexity": [true, 20]是TSLint原生规则，它只负责检查.ts文件里的TypeScript代码逻辑复杂度，和Angular模板（.html文件）没有任何关联。
• 而报错里提示的模板圈复杂度，是Codelyzer专为Angular模板提供的template-cyclomatic-complexity规则，这个规则默认阈值就是5，你完全没在配置里覆盖它，所以才会触发“超过5”的报错。

解决方法： #

在你的tslint.json的rules节点里，专门加上模板圈复杂度的配置，把阈值改成你想要的20即可：

{
  "rulesDirectory": ["node_modules/codelyzer"],
  "rules": {
    "template-i18n": false,
    "cyclomatic-complexity": [true, 20], // 管控TS代码的规则
    "template-cyclomatic-complexity": [true, 20] // 管控模板的规则，这才是你缺的关键配置！
  }
}

额外补充： #

Codelyzer的模板圈复杂度是计算模板里的逻辑分支数量——比如嵌套的*ngIf、*ngFor、模板表达式里的三元判断、管道逻辑等等，和TS代码的圈复杂度计算逻辑完全不同，所以TSLint把它们拆成了两个独立规则分别配置。

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