Angular项目中ESLint在HTML文件报错，如何忽略此类错误？

问题核心 #

你的配置里ignorePatterns仅排除了**/*.component.html，根目录的index.html未被纳入忽略范围；同时overrides段仍对组件HTML文件启用模板解析规则，导致错误无法被彻底屏蔽。

具体修改步骤 #

1. 全局忽略所有HTML文件 #

修改.eslintrc.json的ignorePatterns，添加**/*.html覆盖所有HTML文件（包括index.html和组件模板）：

"ignorePatterns": [
    "/**/*.js",
    "**/vendor/*.js",
    "**/*.html" // 直接忽略所有HTML文件，替代原有component.html规则
]

2. 移除冗余的HTML文件overrides配置 #

如果已经决定完全跳过HTML文件的ESLint检查，直接删除overrides中针对*.component.html的配置段，避免无效规则干扰：

// 删除这段配置
"overrides": [
    {
        "files": ["*.component.html"],
        "parser": "@angular-eslint/template-parser",
        ...
    }
]

3. 验证配置生效 #

运行ESLint命令时，确保未通过命令行参数强制检查HTML文件（比如eslint . --ext .html），若有此类参数需移除，让配置文件的ignorePatterns规则生效。

补充（可选）：仅关闭指定HTML规则而非全局忽略 #

如果只想屏蔽解析错误和闭合标签要求，而非完全跳过检查，可保留overrides配置并精准关闭对应规则：

"overrides": [
    {
        "files": ["*.component.html", "index.html"],
        "parser": "@angular-eslint/template-parser",
        "rules": {
            "@angular-eslint/template/no-unclosed-tags": "off",
            "@angular-eslint/template/parser-error": "off"
        },
        "plugins": ["@angular-eslint/template"]
    }
]

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