React—Native开发之 Could not connect to development serverAndroid解决方法

@H_502_0@写在最前面:

@H_502_0@ 本来,我是有一篇博客 RN开发之BUG 总结(持续更新)来专门总结自己在React-Native开发中遇到的各种BUG 以及决办法的。

@H_502_0@但是,由于 Could not connect to development server是我深恶痛绝的一个超级大BUG。

@H_502_0@为什么这么说呢?

@H_502_0@ 因为这个BUG并不容易在网上找到解决方法。网上确实有这个BUG,但是大部分都是解决IOS开发中遇到的,一

@H_502_0@外的网站中也在讨论这个问题,好不容易找到点和我问题相似的,还并没有给出确定的解决方案,实在是让我郁

@H_502_0@闷,且这个BUG困扰了我好久。今天就将自己的解决办法分享来,来帮助更多的网友。

@H_502_0@

@H_502_0@1、我们首先看一下这个大红屏错误吧。如图所示:

@H_502_0@

@H_502_0@

@H_502_0@先来翻译:

@H_502_0@

@H_502_0@连接不到开发的服务器。

@H_502_0@请按照以下的步骤来修复此问题:

  • 确保包服务器在运行
  • 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表
  • 确保飞行模式是关闭
  • 如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备
  • 输入IP:8081(这个大家都会)
@H_502_0@

@H_502_0@

@H_502_0@解决方法

@H_502_0@

@H_502_0@1、首先检查包服务器是否运行正常。

@H_502_0@ 在项目文件夹下输入react-native start或者npm start均可开启服务器,但是我们需要在PC端确认包服务器是否运行正常。检查网址为:http://localhost:8081/index.android.bundle?platform=android

@H_502_0@

@H_502_0@(1)说说我遇到的问题,开启包服务器之后,cmd中显示如下:

@H_502_0@

@H_502_0@出现React packager ready就走不动了。

@H_502_0@ 当我看开http://localhost:8081/index.android.bundle?platform=android网址时,没有正常显示,但是也没

@H_502_0@显示“该网页无法访问”,只是一直在转圈圈刷新网页,就是打不开。

@H_502_0@

@H_502_0@现在我定位了自己的问题(难怪以前输入IP:8081并没有什么鸟用)

@H_502_0@

@H_502_0@如何解决

@H_502_0@

@H_502_0@答:经过我的观察,包服务器中使用到了node,所以应该和node版本和配置有一定的关系。所以我就卸掉

@H_502_0@node,重新安装了最新版本的node,之后包服务器打开,网页可以正常访问,如下所示:

@H_502_0@

@H_502_0@

@H_502_0@2、检查硬件连接,以及使用adb devices来查看是否连接成功。

@H_502_0@3、飞行模式关闭

@H_502_0@4、在cmd中输入 adb reverse tcp:8081 tcp:8081,结果如下:

@H_502_0@

@H_502_0@

@H_502_0@当我看到error:closed我就猜到,原来我的问题出在这儿。怎么办呢?

@H_502_0@

@H_502_0@个人认为解决办法如下:

  • 手机-设置-应用程序-开发-usb调试打开再关闭一次

  • 重启手机,usb调试打开再关闭一次

  • 在cmd下Try "adb kill-server" and then "adb start-server"
@H_502_0@

@H_502_0@本人测试机为android 5.0+系统,使用第二种方法解决问题。结果如下:

@H_502_0@

@H_502_0@

@H_502_0@

@H_502_0@5、摇一摇手机选择Dev Settings 输入IP:8081的方法就不多说了。

@H_502_0@

@H_502_0@ 至此,解决Could not connect to development server(Android)的问题,本人的测试机为魅蓝Metal,系统是

@H_502_0@Android 5.0+的系统,所以可能和各位小伙伴的情况不太一样,大家可以参考参考。文章写得不太好,请见谅。

@H_502_0@

@H_502_0@

@H_502_0@如果对你有帮助,记得点赞哦

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...