如何在Create React App项目中避免ESLint错误中断构建？

当然可以！我之前开发React项目时也遇到过一模一样的问题——Create React App默认会把ESLint检测到的错误直接当成构建失败的触发条件，每次写错点东西服务器就停了，真的挺影响开发节奏的。下面给你几个实用的解决办法：

这是最推荐的方案，既能保留ESLint的错误提示，又不会打断开发流程。你只需要修改package.json里的start命令，加上ESLINT_NO_DEV_ERRORS=true环境变量：

"scripts": {
  "start": "ESLINT_NO_DEV_ERRORS=true react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject"
}

设置完成后重启开发服务器，之后ESLint检测到错误时，只会在终端和浏览器控制台里显示提示，开发服务器会持续运行，你可以继续写代码，之后再统一修复这些错误。

如果你想更精细地控制哪些问题是警告、哪些是错误，可以在项目根目录的ESLint配置文件（比如.eslintrc.json或.eslintrc.js）里，把对应规则的严重程度从"error"改成"warn"：

{
  "rules": {
    "no-unused-vars": "warn",
    "react/no-unescaped-entities": "warn"
    // 其他你想调整的规则都可以这么改
  }
}

这种方式适合你想把某些非致命的代码问题降级为警告，既不会中断构建，又能收到明确的提示提醒你后续修复。

如果只是临时需要跳过ESLint的检测（比如赶进度的时候），可以用DISABLE_ESLINT_PLUGIN=true环境变量完全关闭开发时的ESLint拦截：

"scripts": {
  "start": "DISABLE_ESLINT_PLUGIN=true react-scripts start"
}

⚠️ 注意：这个方法会直接关闭开发阶段的ESLint检测，长期使用会失去代码规范的保障，所以只建议作为临时应急方案。

调整完配置后，记得重启一下开发服务器才能让新设置生效哦！

内容的提问来源于stack exchange，提问作者R01010010