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

来源:互联网 发布:股票数据统计软件 编辑:程序博客网 时间:2024/06/08 14:53

在配置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
原创粉丝点击