React+Native Unable to download JS Bundle解决办法

在配置React+Native开发环境中,会遇到很多坑。
这里写图片描述
这个会困扰很多很多人。

在前序工作中,我们开启了8081端口,以供手机通过该端口下载相应的js。
而在命令行执行adb reverse tcp:8081 tcp:8081命令能解决一定的问题,但也有可能失效。

我们之前执行了react-native start命令,开启了8081端口。但是如果我们手机与电脑在不同网段,也是无法连接的。所以我们要保持手机与电脑在同一网段。才能保持连接。
验证:电脑开启了8081端口,也就意味着手机可以通过浏览器访问:电脑ip:端口port。如果显示“无法访问网页”,则意味着手机与电脑无法连通。使用ping命令也会失败的。

这要怎么办呢?有个最简单的办法:
电脑开启wifi【至于用什么软件开启wifi,因人而异】,让手机连接。这样手机与电脑不是由一个路由器发射出来的,而是电脑成为了路由器端。这样我们就可以让手机与电脑进行连接了。我们可以在手机设置中拿到手机的ip地址:
这里写图片描述
可以看出电脑在手机中相对的ip地址为:192.168.191.1。
手机在电脑中相对的ip地址为:192.168.191.2。
此时,我们的手机可以通过访问http://192.168.191.1:8081
这里写图片描述
这就说明了手机与电脑连接成功了。

接下来我们还是打开我们要运行的app,进行以下设置:
这里写图片描述
这样,我们也是可以配置的,出现了以下情况说明配置成功:

这里写代码片

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值