Could not connect to development server 是运行react-native到移动端一个经常出现的bug,很多情况下也是让人很迷茫;但是本人经过一整天的摸索和测试,查询了很多文档和其他人解决的一些小方法;总结如下:
首先,你要确保你的手机和电脑处在同一WiFi下,如果不在同一个网络下一定会报这个错误;而且又不容易发现
如果不是这个错误,那你就要按照报错的类型逐个排除,将错误翻译过来就是:
连接不到开发的服务器。
请按照以下的步骤来修复此问题:

确保服务器在运行
- 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表
- 确保飞行模式是关闭的
- 如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备
- 输入IP8081(这个大家都会)</
其实React Native项目运行debug模式,经常会遇到红屏的情况,以往都是adb reverse tcp:8081 tcp:8081就可以了(adb下载及环境变量配置请自行处理,此处不赘述)。 但是今天遇到一个问题,在android 10系统的 手机 上一直出现这个问题,而之前一直未出现这个问题,是由于使用的 测试 机是android 8.0系统。其实是由于android 9.0系统(API级别... 小编碰到该问题是在利用Android studio正确运行react native项目时遇见,可以正确编译,但是不能显示出正确界面,如下图所示。 解决方案:1.设置IP和端口报错页面晃动 手机 ,显示菜单——点击DevSettings——点击Debug host &amp;port for device——设置IP和端口(如:192.168.1.186:8081)——点击返回(空白页面)——再次晃动手... 解决方法: 1.开发服务器,已经内置好了  执行 react-native run-ios/run-android 时弹出的那个新控制台页面就是服务页面。确保正确弹出。否则时开发环境的问题。 2.电脑连接的网络(Wi-Fi)和 手机 连接的网络要相同。 3.Could not connect to d evel opment server 这个报错的 解决方案: 在ios项目中,info.plist文件中,添加<key>NSAppTransportSecurity</key><dict><key>NSAllowsArbitraryLoads</key><true/></dict>让app支持http协议,这样问题就解决了。 用的是 react-native 0.37、Nexus 7 - 5.1.1版本。在项目根目录下运行 react-native run-android会在 手机 上面安装并运行这个apk。然后摇一下 手机 或者在电脑命令行输入adb shell input keyevent Could not connect to d evel opment server . Ensure the following: - Node server is running and available on the same network - run ‘npm start’ from react-native root - Node server URL is correctly s