eslint error in html file: Parsing error: Unexpected token

Question

why eslint give me this error Parsing error: Unexpected token < in html file? how can i solve this error? my .eslint.json configs:

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es2021": true
        },
    "extends": [
        "airbnb-base"
    ],
    "parserOptions": {
        "ecmaVersion": 12
    },
    "rules": {
        "strict": "off"
    }
}

user_14910777 · Answer

you need eslint-plugin-html to lint html file. the details can be found in this link: https://www.npmjs.com/package/eslint-plugin-html

user_1764521 · Answer

Adding the below to ".eslintrc.json" file worked for me:

"ignorePatterns": [
  "**/*.html"
]

user_2546366 · Answer

One other option can be to add an .eslintignorefile. See the exmple below.

.eslintignore

.vscode/*
dist/*
assets/*
node_modules/*
**/index.html
**/index.*.html
**/assets/*.html

eslint error in html file: Parsing error: Unexpected token <

3 Answers