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

Posted 2023-02-22

【中文标题】允许 create-react-app 编译 ESLint 错误

【英文标题】：Allow create-react-app to compile with ESLint errors

【发布时间】：2021-03-06 04:09:23

【问题描述】：

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

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

感谢任何帮助。

【问题讨论】：

所以你最好看看你的构建步骤并启用 eslint 编译错误，没有代码我们无法猜测你的构建步骤

不确定你的意思。这只是 create-react-app。所有这些都应该开箱即用，对吧？我还没有被弹出，所以这里不应该有什么习惯，还是我错过了什么？

更多信息：package.json 有 "build": "react-scripts build" 而我们使用的是 "react-scripts": "4.0.0"。

提供错误列表，或者如果您提到，它几乎是开箱即用的创建反应应用程序，它的 github repo/codesandbox 分支将帮助人们解决您的问题。

存储库是机密的。具体错误无关紧要，因为它们只是 ESLint 错误。正如问题所述 - 当有任何 ESLint 错误时，开发服务器会崩溃。我设法弄清楚问题确实是 react-scripts 版本 4.0.0。其他人也有同样的问题。回滚到以前的版本解决了这个问题。我想不出他们为什么决定让它像这样或者这是一个错误的任何原因。

【参考方案1】：

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

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

这对我有用。它保留了代码中显示的 linting 错误，但除非它们破坏了它编译的代码并且运行没有问题。

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