Can't get it to work with eslint and VScode

[Kein]

.browserlistrc

firefox 59

.eslintrc.json

{
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:escompat/recommended"
    ],
    "overrides": [],
    "plugins": ["escompat"],
    "rules": {
        "escompat/no-optional-chaining": "error",
        "no-unused-vars": "off",
        "indent": [
            "error",
            4
        ],
        "linebreak-style": [
            "warn",
            "windows"
        ],
        "quotes": [
            "warn",
            "single",
            { "avoidEscape": true, "allowTemplateLiterals": true }
        ],
        "semi": [
            "error",
            "always"
        ]
    }
}

Test code

let s = document.querySelector(`#hi`);
s?.click();

No errors.

[Swat2k]

I have the same problem, has anyone fixed it?

[lovelyelfpop]

same problem, eslint 9

[brettz9]

Have you all set browserslist in package.json as per https://github.com/keithamus/eslint-plugin-escompat?tab=readme-ov-file#targeting-browsers ?

[lovelyelfpop]

@brettz9 I have set browserslist in package.json.

still not working.

[brettz9]

@Kein : Did you misname the config file? It should be .browserslistrc with an "s".

@lovelyelfpop : Greater than 1% resolves to these browsers per browserslist:

[
  'and_chr 137',
  'chrome 136',
  'chrome 135',
  'edge 136',
  'firefox 138',
  'ios_saf 18.5',
  'ios_saf 18.4',
  'ios_saf 18.3',
  'samsung 28'
]

None of these (for which we have data) violates the rule: edge < 80, safari < 13.1, firefox < 72, chrome < 80. If you set to > 0%, it gives an error.