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

React项目编译成功但浏览器无法访问localhost对应端口问题求助

create-react-app启动成功无法访问localhost排查方案
  • 检查本地hosts配置
    Windows系统hosts路径:C:\Windows\System32\drivers\etc\hosts
    Mac/Linux系统路径:/etc/hosts
    确认文件中存在127.0.0.1 localhost配置,未被注释或修改为其他地址。修改后需刷新DNS缓存,Windows执行ipconfig /flushdns,Mac执行sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder。
  • 验证服务实际监听地址
    查看npm start启动后的终端输出,确认服务监听地址,可尝试直接访问127.0.0.1:3000替代localhost地址,测试是否可正常打开。
  • 排查安全工具拦截
    确认本地防火墙、杀毒软件或安全助手类工具未拦截Node.js的网络请求,可暂时关闭对应工具后重试,或把Node.js添加到防火墙允许通行列表。
  • 手动指定启动监听地址
    修改项目package.json中的启动脚本,手动绑定本地地址:
    Mac/Linux环境将scripts下的start字段修改为:"start": "HOST=127.0.0.1 react-scripts start"
    Windows环境修改为:"start": "set HOST=127.0.0.1 && react-scripts start"
    修改后重新执行npm start即可。
  • 确认端口无占用
    执行命令检查对应端口是否被其他进程占用:
    Windows执行netstat -ano | findstr "3000"
    Mac/Linux执行lsof -i:3000
    如有对应占用进程,杀死进程后重试即可。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.28 10:36:03