Create React App弹出后npm run test监听失效问题求助

我之前也踩过一模一样的坑！Eject Create React App之后，测试的watch模式直接罢工，一跑npm run test就报EMFILE错误，折腾了好几种方法才搞定，给你几个亲测有效的解决方案：

1. 先搞定系统文件句柄限制（EMFILE的核心原因） #

EMFILE错误本质是单个进程能打开的文件数量超过了系统限制，Create React App的watch模式需要监控大量文件，eject后可能因为配置变化触发了这个限制。

• MacOS临时解决：在终端执行ulimit -n 4096，这会临时把当前终端的文件句柄上限调到4096，再跑测试试试。
• MacOS永久解决：编辑你的shell配置文件（比如~/.zshrc或~/.bash_profile），添加一行ulimit -n 4096，保存后重启终端或者执行source ~/.zshrc生效。
• Linux系统：修改/etc/security/limits.conf，添加：

  soft nofile 4096
  hard nofile 4096
  

  然后重启系统生效。

2. 检查Eject后的测试脚本与Jest配置 #

Eject之后，scripts/test.js和package.json里的jest配置可能被修改了，导致watch功能没正确启用：

• 先看package.json里的test脚本，确保是：

  "scripts": {
    "test": "node scripts/test.js --env=jsdom --watch"
  }
  

  有时候eject后会丢失--watch参数，手动加上试试。
• 打开scripts/test.js，找到里面的watch相关逻辑，确保watch: true没有被强制设为false。比如检查这段代码：

  const isWatch = process.argv.includes('--watch') || process.argv.includes('--watchAll');
  

  确认这个判断是正常工作的，没有被注释或修改。

3. 修复依赖或补充必要的watch插件 #

有时候依赖损坏或者缺少watch相关的jest插件也会出问题：

• 先彻底重装依赖：

  rm -rf node_modules package-lock.json
  npm install
  

• 安装jest官方的watch增强插件，很多时候eject后会丢失这个依赖：

  npm install jest-watch-typeahead --save-dev
  

  然后在package.json的jest配置里加上：

  "jest": {
    // 其他已有的配置...
    "watchPlugins": [
      "jest-watch-typeahead/filename",
      "jest-watch-typeahead/testname"
    ]
  }
  

4. 重新配置Watchman（如果之前没生效） #

如果之前装了watchman但没用，试试彻底重装并重置配置：

brew uninstall watchman
rm -rf ~/.watchman
brew install watchman

安装完成后重启终端，再运行测试看看。

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