Could not connect to development server
是运行react-native到移动端一个经常出现的bug,很多情况下也是让人很迷茫;但是本人经过一整天的摸索和测试,查询了很多文档和其他人解决的一些小方法;总结如下:
首先,你要确保你的手机和电脑处在同一WiFi下,如果不在同一个网络下一定会报这个错误;而且又不容易发现
如果不是这个错误,那你就要按照报错的类型逐个排除,将错误翻译过来就是:
连接不到开发的服务器。
请按照以下的步骤来修复此问题:
确保服务器在运行
- 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表
- 确保飞行模式是关闭的
- 如果是使用真机来开发,输入 adb reverse tcp:8081 tcp:8081来检查设备
- 输入IP:8081(这个大家都会)</
其实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 &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