React CRA项目保存文件时持续报错求助

核心原因 #

报错本质是系统文件监听数量上限不足，CRA的热重载机制需要监听大量项目文件，超出了系统默认的限制阈值。

具体解决方案 #

• 临时提升终端文件监听上限（仅当前会话有效）
  启动项目前，在终端执行：

  ulimit -n 10240
  

  再运行npm start测试。

• 永久修改系统监听上限（以macOS为例）

  1. 编辑系统配置文件：

     sudo nano /etc/sysctl.conf
     

  2. 添加以下配置：

     fs.inotify.max_user_watches=524288
     fs.inotify.max_user_instances=512
     

  3. 保存后执行命令生效：

     sudo sysctl -p
     

• 升级react-scripts版本
  部分旧版CRA存在热重载bug，升级到最新版修复：

  npm install react-scripts@latest --save
  

• 临时禁用热重载（应急方案）
  在项目根目录创建.env文件，写入：

  FAST_REFRESH=false
  

  此方法会关闭自动刷新，需手动刷新页面，仅作为临时替代。

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