windows平台react-native搭建开发环境踩坑记录(could not connect to development server)

错误原因

从错误信息我们可以得知,无法加载代码,引起这个错误的原因有很多,例如没有启动包服务器,手机和电脑的WIFI环境不一致,Node版本落后等都有可能。因此需要我们一步一步地去排查。

排查步骤

  1. 首先检查自己环境配置和搭建的步骤是否正确,环境变量是否配置,详细的配置步骤请参考 react-native官网

  2. 检查包服务器是否运行,若没有则运行npm start
    在这里插入图片描述

  3. 运行react-native run-android ,项目默认启动服务器的端口为8081,首先检查端口是否被占用。我就是被这个坑给坑惨了,我们公司内部安装的杀毒软件占用了这个端口,但包服务器却成功启动,没有任何端口占用的信息报错,这导致我一直以为不是端口的问题,最后排查了好久才发现。端口如果被占用,可参考这篇文章修改端口,注意安卓机的端口也需要跟随修改,可以参考这篇文章
    在这里插入图片描述

  4. 检查安卓机的USB调试模式是否打开,可参考这篇文章

  5. 运行adb devices,检查设备是否正确连接。若为真机,检查手机和电脑的WIFI是否在同一网络环境
    在这里插入图片描述

  6. 检查node的版本是否落后

  7. 修改IP地址,参考官网**

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值