React应用随机崩溃：react-scripts报‘文件或目录不存在’错误

算力阿峰

2026-7-6

React 开发服务随机崩溃（ENOENT 缓存文件缺失）解决方案

针对你遇到的React开发服务随机崩溃、报错找不到node_modules/.cache/default-development/5.pack文件的问题，尝试以下步骤：

彻底清理本地缓存目录
直接删除react-scripts生成的缓存文件夹，避免损坏的缓存文件持续引发问题：
```
rm -rf node_modules/.cache
```
删除后重启开发服务。
重新安装所有依赖
依赖文件可能存在损坏或不兼容情况，执行以下操作：
```
rm -rf node_modules package-lock.json
npm install
```
安装完成后启动服务测试。
修复项目目录权限
MacOS Sonoma的权限管控可能导致webpack无法正常读写缓存文件，给项目目录赋予合适权限：
```
chmod -R 755 /path/to/your/project/frontend
```
替换为你的实际项目路径后执行，再重启服务。
升级react-scripts版本
旧版react-scripts可能与Node.js 18或MacOS Sonoma存在兼容问题，升级到最新稳定版：
```
npm install react-scripts@latest
```
禁用webpack持久化缓存
直接在启动时禁用缓存，避免缓存文件异常导致崩溃，修改package.json中的start脚本：
```
"scripts": {
  "start": "WEBPACK_DISABLE_CACHE=true react-scripts start"
}
```
保存后重启服务。
排查系统清理工具干扰
如果你使用了CleanMyMac等系统清理工具，检查是否自动清理了node_modules/.cache目录，将项目目录加入工具的白名单。