You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何清除本地运行的React应用缓存?已尝试多命令无效

清除React本地应用缓存的有效方法
  • 清除浏览器缓存:
    打开开发者工具(F12),在Network标签勾选「Disable cache」,然后强制刷新页面(Ctrl+Shift+R / Cmd+Shift+R);也可直接在浏览器设置中清除当前站点的缓存数据。

  • 清理项目构建与本地缓存:
    若使用Create React App创建项目,直接删除根目录下的build文件夹(若存在);同时删除node_modules/.cache目录:

    rm -rf node_modules/.cache
    
  • 重置Metro缓存(针对React Native场景):
    尝试更直接的缓存重置命令,或手动删除Metro缓存目录:

    npx react-native start --reset-cache
    rm -rf ~/.metro-cache
    
  • 处理Service Worker缓存:
    若应用注册了Service Worker,在开发者工具的Application标签找到Service Workers,点击「Unregister」;同时删除项目中sw.js或service-worker.js相关文件(若无需再用)。

  • 检查IDE缓存:
    重启你的开发IDE,比如VS Code可通过快捷键Ctrl+Shift+P/Cmd+Shift+P执行「Reload Window」重载窗口,清除IDE层面的文件缓存。

  • 彻底清理依赖相关缓存:
    删除依赖锁文件后重新安装依赖:

    npm cache clean --force
    rm -rf node_modules package-lock.json yarn.lock
    npm install
    

内容的提问来源于stack exchange,提问作者Pankaj

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 13:31:08