Parsing error: Unexpected character '#' (ES11)

With this source code on VSCode:

class P {
	#p = 0;
	ppp() {
	  return this.#p;
	}
}

It does detect an error that shouldn’t be so in ES11:

Parsing error: Unexpected character '#'

My .eslintrc.json is:

{
    "env": {
        "browser": true,
        "node": true,
        "commonjs": true,
        "es2020": true
        //"es6": true
    },
    "extends": "eslint:recommended",
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaVersion": 11
    },
    "rules": {
    }
}

I have eslint installed globabally:

$ eslint --version
v6.8.0
$ node --version
v13.11.0
$ npm --version
6.14.4

VSCODE Version: 1.43.2

[yeonjuan]

@JavierRSobrino The private fields(#) proposal is in stage3, And the ESLint default parser didn’t support it now. So, as @anikethsaha mentioned, you can use other parsers (e.g.babel-eslint) to support it.

[ljharb]

@greggman stage 3 is when browsers ship; stage 4 is when it’s in the spec (after it’s been shipped in at least 2 impls). As unfortunate as it is, eslint doesn’t support anything until it’s in a spec document, even if it’s already shipped on the web.