无法加载“package.json » eslint-config-react-app”中声明的插件“jsx-a11y”：意外令牌=

Question

今天刚收到此错误，我在 package.json 文件中有配置：

"eslintConfig": {
  "extends": [
    "react-app",
    "react-app/jest"
  ]
},

我已经很久没有更改该文件了，今天之前都很好。有人有想法吗？谢谢！

尝试编译前端组件css、js文件等，但从今天开始编译失败。

Answer 1

就我而言，我们在 2019 年使用 Create React App (CRA) 创建了一个 React 应用程序。 CRA 自动为我们提供了默认启用的 ESLint，并且 lint 作为“react-scripts build”的一部分运行。自 2020 年初以来，我们此应用程序的代码没有更改。

现在某些地方发生了变化，ESLint 给了我们这个关于“jsx-a11y”的“意外标记”。我们的构建服务器具有 Node 10.x 版本，“React-scripts 构建”失败。

更新 Node 是一种解决方案，正如之前的答案所提到的。 但在我们的例子中，构建服务器使用的是 Node 10.6，由其他团队管理。我无法在那里更新节点。我需要在仍在使用 Node 10.6 的同时解决这个问题。

我的快速解决方案是禁用 CRA 提供的 ESLint，以便它不会作为构建的一部分执行，并手动添加 ESLint，以便我可以在我的开发环境中按需运行它。 （实际上，我还降级了笔记本电脑上的 Node，以匹配构建服务器使用的 Node 版本 10.6，因此我将来会更轻松地掌握这些。）

我发现很少有有用的资源并从中组合： 禁用create-react-app提供的ESLint，https://andrebnassis.medium.com/setting-eslint-on-a-react-typescript-project-2021-1190a43ffba

Answer 2

我想我终于意识到问题是什么，我正在运行节点 10.x 版本，而所需的节点版本是 14.x。升级了我的节点版本并全部解决了

Answer 3

问题似乎是由于 ES-lint 造成的。

我检查了我的 package.json 文件并查找了以下代码片段。

"eslintConfig": {
  "extends": [
    "react-app",
    "react-app/jest"
  ]
},

不是最好的解决方案，但从 package.json 中删除这部分代码对我有用。 （ps 我们可以稍后安装任何 linter）

Answer 4

您必须安装模块 eslint-plugin-jsx-a11y。

输入...

npm install eslint-plugin-jsx-a11y

然后按 Enter。

安装后即可使用。