解析错误：意外的字符＆＃x27;＃＆＃x27;在宣布JavaScript课程的Priavate成员时

Question

当使用“＃”在JavaScript类中声明私人成员时，ESLINT会引发错误解析错误：意外字符'＃'。

例如。

class Test{
  #priavteMember; //Parsing error: Unexpected character '#'
}

ESLINT 配置：.eslintrc.json

{
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "extends": [
        "airbnb-base"
    ],
    "rules": {
        "no-use-before-define": "off",
        "no-param-reassign": "off",
        "no-plusplus": "off",
        "no-nested-ternary": "off",
        "lines-between-class-members": "off"
    },
    "globals": {
        "root": "readonly",
        "app": "readonly",
        "db": "readonly"
    }
}

Answer 1

将其添加到.eslintrc.json

{
  ...
  "parserOptions": {
      "ecmaVersion": 13,
  },
  ...
}

私有成员指定符中，以 ecma 版本13。

Answer 2

如 es2022 环境，该环境将自动将 Ecmaversion 解析器选项设置为13 - 指导/配置/语言 - 选项＃指定 - 环境“ rel =“ noreferrer”>文档：

    "env": {
        "browser": true,
        "es2022": true,
        "node": true
    },