安装ESLint后React项目编译失败 如何暂不修复ESLint告警启动项目

遇到的编译启动失败，本质是Create React App默认将ESLint校验问题设置为编译阻断级错误，只要调整校验结果的处理层级，就能在完整保留ESLint辅助开发提示的前提下，跳过告警对启动、构建流程的阻塞。

• 核心开发环境配置（改动最小，优先推荐）
  在项目根目录新增或修改.env文件，写入指定配置：
  • 新增配置项 ESLINT_NO_DEV_ERRORS=true
    • 该配置会将yarn start启动开发服务器时的所有ESLint校验结果，从「阻断编译的硬错误」降级为普通提示。终端、浏览器控制台依然会完整展示所有ESLint规则提示，但不会再因为规则不匹配触发编译失败、页面无法加载的问题。
  • 如需生产打包流程也跳过ESLint的阻断逻辑，可追加配置项 CI=false
    • 该配置会在执行yarn build生产构建时，忽略ESLint错误对打包流程的终止作用，正常输出可部署的构建产物。
• 自定义ESLint配置调整（适合自行安装独立ESLint依赖的场景）
  找到项目根目录的ESLint配置文件（.eslintrc.js/.eslintrc.json），对触发编译报错的规则做等级调整：
  • 将规则配置值为error的条目，按需修改为warn或off
  • 举例：原配置中"react/jsx-filename-extension": "error"这类会直接触发编译阻断的规则，改成"react/jsx-filename-extension": "warn"后，规则触发时只会弹出提示，不会中断构建流程。

补充说明：以上所有调整不会关闭IDE（如VS Code）内的ESLint实时高亮提示，写代码时依然可以获得ESLint的即时规则提醒，完全满足辅助开发的需求，不会影响后续逐步修复ESLint问题的开发节奏。

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