让create-react-app编译时允许ESLint错误

Question

我最近添加了ESLint和prettier，并使用一些配置文件来创建create-react-app。

以下是相关的软件包：

"eslint-config-airbnb": "^18.2.1",
"eslint-config-prettier": "^6.15.0",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-prettier": "^3.1.4",
"prettier": "^2.1.2",

现在的问题是开发服务器无法编译，因为项目中有大量ESLint错误。它显示：

Failed to compile

*list of errors*

This error occurred during the build time and cannot be dismissed.

这非常具有侵入性。 我希望它仍然能够编译，因为我认为没有理由拒绝编译它，因为一些样式问题。

我该如何防止这种情况发生，而不用像将所有ESLint错误设置为警告级别这样的hack。我也不想弹出。

开发期间，我也不希望将所有内容都放到.eslintignore中，因为这会很烦人，我的团队必须在开发过程中不断更改该文件。

任何帮助将不胜感激。

- Raul Špilev

---

所以你最好查看你的构建步骤并启用 eslint 来编译错误，我们无法在没有代码的情况下猜测你的构建步骤。 - Dennis Vash

我不确定你的意思。这只是create-react-app。所有这些都应该是开箱即用的，对吧？我没有弹出，所以这里不应该有任何自定义的东西，或者我错过了什么吗？ - Raul Špilev

一些额外的信息：package.json 中有 "build": "react-scripts build"，我们正在使用 "react-scripts": "4.0.0"。 - Raul Špilev

提供错误列表，或者如果像你所提到的那样，这是一个几乎可以直接使用的create react app，则提供github仓库/codesandbox分支将有助于其他人解决您的问题。 - dcwither

存储库是机密的。具体的错误并不重要，因为它们只是 ESLint 错误。正如问题所述，当存在任何 ESLint 错误时，开发服务器会崩溃。我设法找出问题确实是 react-scripts 版本 4.0.0。其他人也遇到了同样的问题。回退到上一个版本解决了这个问题。我想不出为什么他们决定让它这样工作，或者这是否是一个错误。 - Raul Špilev

Answer 1

在使用 Vite 一段时间后，然后返回 CRA 并安装我的常用的 Airbnb linting 工具后，我遇到了完全相同的问题。我在 Github 上找到了 这个 解决方案，它基本上是要在 package.json 的启动脚本中添加这些行。

"start": "ESLINT_NO_DEV_ERRORS='true'  react-scripts start",  
"build": "DISABLE_ESLINT_PLUGIN='true' react-scripts build",

这对我很有帮助。它使代码中的linting错误保持显示，但除非它们破坏了代码，否则它会编译和运行没有问题。

我不认为这是长期解决方案，但对于解决方法来说，这样做是可以的...

- Hazy