允许 create-react-app 编译带有 ESLint 错误

Question

我最近在 create-react-app 中添加了 ESLint 和 prettier 以及一系列配置。

这里是包：

"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 错误设置为警告级别。 我也不想弹出。

我也不希望在开发过程.eslintigore所有内容都放入.eslintigore中，因为这会让我的团队在开发过程中一遍又一遍地更改该文件非常烦人。

任何帮助表示赞赏。

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 错误，但除非他们破坏了它编译的代码并且运行没有问题。

我不认为这是一个长期的解决方案，但它可以作为一种解决方法......