如何允许或配置Angular ESLint的自闭合标签规则？

第一步：排查模板语法错误 #

解析错误'>' expected本质是HTML模板存在语法问题，并非规则配置导致，常见场景包括：

• 标签未正确闭合，比如<div class="test" 缺少闭合的>
• 属性值未用引号包裹，比如<div class=test> 应改为<div class="test">
• 自定义组件/指令的属性绑定格式错误

先检查报错的app.component.html第一行第4位附近的代码，修复基础语法问题后再执行ng lint。

第二步：@angular-eslint/template/prefer-self-closing-tags规则的处理 #

该规则确实无额外配置选项，但可直接启用/禁用：
在ESLint配置文件（.eslintrc.json或.eslintrc.js）的模板规则块中修改：

{
  "overrides": [
    {
      "files": ["*.html"],
      "extends": ["plugin:@angular-eslint/template/recommended"],
      "rules": {
        "@angular-eslint/template/prefer-self-closing-tags": "off" // 禁用规则
        // 也可设为"error"强制生效，"warn"仅触发警告
      }
    }
  ]
}

第三步：修正lint脚本范围 #

当前lint脚本仅检查.ts文件，未覆盖HTML模板，若需同时检查TS和HTML，修改package.json中的脚本：

"lint": "eslint --color --fix --ext .ts,.html ./src/app"

内容的提问来源于stack exchange，提问作者k.vincent