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

localhost:3000无法立即加载React项目,等待5分钟才显示的问题求助

解决localhost:3000加载缓慢但127.0.0.1正常的问题
  • 检查hosts文件配置
    打开系统hosts文件:

    • Windows:C:\Windows\System32\drivers\etc\hosts
    • Mac/Linux:/etc/hosts
      确认文件中存在127.0.0.1 localhost这一行,若缺失则添加;若已有该行,尝试注释掉IPv6对应的::1 localhost条目,保存后重启浏览器重试。
  • 强制React开发服务器绑定到127.0.0.1
    修改项目根目录下的package.json,将start脚本替换为对应系统的命令:

    • Mac/Linux:"start": "HOST=127.0.0.1 react-scripts start"
    • Windows:"start": "set HOST=127.0.0.1 && react-scripts start"
      重新执行npm start,此时localhost:3000会直接映射到绑定的127.0.0.1,规避DNS解析延迟。
  • 禁用IPv6优先解析

    • Windows:打开网络适配器属性,取消勾选「Internet协议版本6(TCP/IPv6)」,确认后重启网络。
    • Mac:进入系统设置-网络-高级-TCP/IP,将IPv6设置为「手动」或「关闭」,应用后重启网络。
      部分系统默认优先使用IPv6,localhost的IPv6解析可能出现异常延迟,禁用后会强制使用IPv4的127.0.0.1。
  • 清除浏览器与系统缓存

    • 浏览器:按下Ctrl+Shift+Delete(Windows)或Cmd+Shift+Delete(Mac),清除缓存及本地主机相关Cookie。
    • 系统DNS缓存:Windows执行ipconfig /release和ipconfig /renew;Mac/Linux执行sudo dscacheutil -flushcache和sudo killall -HUP mDNSResponder。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.24 04:22:42