reactjs - eslint-config-airbnb 出现 ESLint "Module build failed"错误

Question

我正在尝试建立一个 React 项目，该项目使用 webpack 和 ESLint 以及 ESLint 的 airbnb 配置。当我尝试使用 webpack 开发服务器启动项目时，出现以下错误:

"Module build failed: Error: /react-template/node_modules/eslint-config-airbnb/rules/react-a11y.js: ESLint configuration is invalid: - Unexpected top-level property "ecmaFeatures"."

这里使用的是 eslint-config-airbnb v. 15.0.1。我检查了react-a11y.js 文件并确认有一个“ecmaFeatures”的顶级属性。我知道从 ESLint 2.0.0 开始，ecmaFeatures 现在应该位于 parserOptions 属性下，但我不确定这是否只适用于 .eslintrc 文件。如果可能的话，我想使用爱彼迎配置，因此非常感谢您的帮助。这是我的 .eslintrc 文件供引用。

.eslintrc

{
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 2016,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "jest": true
  },
  "extends": ["airbnb"]
}

Answer 1

我想出了一个解决方案。

您必须编辑位于 ./node_modules/.bin/eslint-config-airbnb/rules/的 react-a11y.js 和 react.js .

在react-a11y.js中删除:

ecmaFeatures: {
  jsx: true
},

并将其替换为:

parserOptions: {
  ecmaFeatures: {
    jsx: true,
  },
},

在react.js中只需删除:

ecmaFeatures: {
  jsx: true
},

你应该可以开始了。

另外，我现在正在查看 Airbnb 的存储库，看起来他们大约一个月前就修复了它，但我今天刚刚重新安装了 eslint-config-airbnb，所以我不确定那里发生了什么。

这里是 react-a11y.js diff 的链接和 react.js diff 。它们准确地显示了您需要添加/删除的内容。