无法加载在“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 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。升级了我的节点版本并全部解决