用于JS装饰器的ESLint意外字符'@'

Question

我正在尝试在我的JS项目中使用装饰器,但是ESLint正在抛出一个错误,指出@符号是一个意外的字符.

我的代码:

@observable items = [];

我的.eslintrc:

{
    "parserOptions": {
            "ecmaVersion": 6,
            "ecmaFeatures": {
                "jsx": true
            },
            "sourceType": "module"
    },
    "env": {
            "browser": true,
            "node": true,
            "es6": false
    },
    "ecmaFeatures": {
            "modules": true
    },
    "rules": {
        "strict": [
            2,
            "global"
        ],
        "quotes": [
            2,
            "single"
        ],
        "indent": [
            2,
            4
        ],
        "eqeqeq": [
            2,
            "smart"
        ],
        "semi": [
            2,
            "always"
        ],
        "max-depth": [
            2,
            4
        ],
        "max-statements": [
            2,
            15
        ],
        "complexity": [
            2,
            5
        ]
    }
}

Answer 1

你可能想使用babel-eslint,它使用Babel来解析ESLint尚未实现的东西(通常是像这样的实验性功能).从他们的自述文件:

目前,如果你使用类属性,装饰器,类型等东西,你将需要它.

它与您当前的eslint设置一起使用,您只需更新您的一些配置.eslintrc

Answer 2

快速回答：

安装一个库

npm i -D babel-eslint

添加到您的 .eslintrc

"parser": "babel-eslint"