ESLint在WebStorm错误中的配置

Question

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

错误

错误: /usr/local/lib/node_modules/eslint-config-airbnb/rules/react.js:规则的配置“react/jsx-boolean”无效:值“从不，对象对象”不应超过1项。引用: /usr/local/lib/node_modules/eslint-config-airbnb/index.js引用: /Users/xxx/WebstormProjects/xx-xx-ui/xx/code/.eslintrc.js at 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

这些是dev依赖项。

    "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",

Answer 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 airbnb安装对等依赖项，这样做之后，我在lint之后没有错误，IDE内部也没有警告(Webstorm2017.3.3)

Answer 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的说明。