VSCode中的ESLint根据.eslintrc文件规则未给出错误提示

Question

我使用npm全局安装了eslint，并添加了自己的.eslintrc文件，其中包含以下代码：

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSpread": true,
            "jsx": true
        },
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "indent": [
            "error",
            "tab"
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "always"
        ]
    }
}

我已经添加了以下开发依赖：

"eslint": "3.19.0",
    "eslint-config-standard": "10.2.1",
    "eslint-plugin-import": "2.7.0",
    "eslint-plugin-markdown": "1.0.0-beta.6",
    "eslint-plugin-node": "5.1.1",
    "eslint-plugin-promise": "3.5.0",
    "eslint-plugin-standard": "3.0.1"

我也在我的React Native项目中安装了eslint-plugin-react。然而，即使出现解析错误，仍然没有显示缩进、分号或双引号错误。

顺便说一下，VScode中启用了ESLint插件。

- avani kothari

Answer 1

我也遇到了完全相同的问题。通过查看Eslint日志，我发现了这个问题的原因：

1. 按下Ctrl + Shift + P打开命令面板
2. 选择Eslint: Show Output Channel

在我的情况下，输出通道显示了以下内容：Failed to load config "airbnb-base" to extend from. Referenced from: ...eslintrc.js

我只是忘记在添加开发依赖后执行npm install！

- Zolbayar