代码修改后应用陷入长达一分钟的刷新循环问题求助

• 清理本地缓存与依赖

  1. 删除项目根目录的node_modules文件夹
  2. 清除包管理器缓存：
     • npm：npm cache clean --force
     • yarn：yarn cache clean
  3. 重新安装依赖：npm install或yarn install

• 检查热重载工具配置
  确认项目使用的热重载工具（如Webpack Dev Server、Vite、Create React App的热重载）是否有本地配置覆盖：

  • 查看项目根目录的.env、.env.local文件，排查是否存在修改热重载逻辑的环境变量
  • 检查webpack/vite配置文件中，hot、liveReload等热重载相关参数是否被意外修改

• 排查本地开发环境冲突

  1. 关闭浏览器第三方扩展（尤其是广告拦截、脚本注入类插件），部分扩展会干扰热重载的WebSocket连接
  2. 检查本地是否有占用端口的其他进程或代理工具（如Charles、Fiddler），这类工具可能拦截热重载通信
  3. 切换浏览器测试（如从Chrome换为Firefox），排除浏览器本身的缓存或配置问题

• 重置本地Git状态
  由于两个检出项目均出现问题，排查本地Git相关配置：

  1. 重置项目Git钩子配置：git config --local --unset-all core.hooksPath
  2. 拉取最新代码后执行git clean -fdx清除未跟踪文件（注意：此操作会删除本地未提交修改，执行前请备份）

• 检查系统资源占用
  打开任务管理器/活动监视器查看CPU、内存占用：

  • 若修改代码后Node进程占用过高，关闭其他占用资源的应用缓解编译瓶颈
  • 检查杀毒软件是否实时扫描项目文件夹，这类扫描会延迟文件变更检测，导致热重载异常

内容的提问来源于stack exchange，提问作者Bart van den Burg