WebStorm 错误中的 ESLint 配置答案

【问题标题】：ESLint Configuration in WebStorm errorWebStorm 错误中的 ESLint 配置
【发布时间】：2018-04-11 03:45:35
【问题描述】：

我正在尝试让 ESLint 在 WebStorm IDE 中工作。我正在提供我的配置文件和错误。

错误

错误： /usr/local/lib/node_modules/eslint-config-airbnb/rules/react.js：规则“react/jsx-boolean-value”的配置无效：值 “从不，[object Object]”不应超过 1 个项目。引用来自：/usr/local/lib/node_modules/eslint-config-airbnb/index.js 参考自： /Users/xxx/WebstormProjects/xx-xx-ui/xx/code/.eslintrc.js 在 validateRuleOptions (/usr/local/lib/node_modules/eslint/lib/config/config-validator.js:113:15)

.eslintrc.js

module.exports = {
    "extends": "airbnb",
    "rules": {
      "import/extensions": 1,
      "import/first": 1,
      "import/prefer-default-export": 1,
      "max-len": 1,
      "no-case-declarations": 1,
      "no-console": 1,
      "no-empty": 0,
      "no-fallthrough": 1,
      "no-mixed-spaces-and-tabs": 1,
      "no-param-reassign": 0,
      "no-tabs": 1,
      "no-undef": 0,
      "no-unused-vars": 1,
      "one-var": 1,
      "prefer-const": 1,
    }
};

package.json

这些是开发依赖项

    "eslint-config-airbnb": "^15.1.0",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-jsx-a11y": "^5.1.1",
    "eslint-plugin-react": "^7.4.0",

【问题讨论】：

在你的 eslintrc 文件中覆盖该规则
@Dane 你在说什么规则..
添加"react/jsx-boolean-value": "never"到你的eslintrc..好像airbnb文件有错误，所以你最好覆盖它
看起来类似于github.com/airbnb/javascript/issues/1586
npm install eslint-plugin-import --save-dev ?

标签： reactjs webstorm eslint eslint-config-airbnb

【解决方案1】：

我已经设法解决了

npm uninstall eslint-config-airbnb
npm i --save-dev eslint-config-airbnb
npm i --save-dev eslint
npm i --save-dev babel-eslint
npm i --save-dev eslint-plugin-jsx-a11y
npm i --save-dev eslint-plugin-react

我最终得到了那些包

    "eslint": "^4.15.0",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-plugin-import": "^2.8.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.5.1"

修复的主要思想是让 eslint-config-airbnb 安装对等依赖项，这样做之后我在 lint 之后没有错误，并且在 IDE(Webstorm2017.3.3) 内没有警告

【讨论】：

【解决方案2】：

这里是依赖的工作集：

  "dependencies": {
    "eslint": "^4",
    "eslint-config-airbnb": "^16",
    "eslint-plugin-import": "^2",
    "eslint-plugin-jsx-a11y": "^6",
    "eslint-plugin-react": "^7",
    "babel-eslint": "^8",
    "eslint-plugin-compat": "^2"
  }

检查这个 npm 包：

https://www.npmjs.com/package/eslint-config-airbnb-bundle

您可以在此处找到 WebStrom IDE 的说明。

【讨论】：