React—Native开发之 Could not connect to development server(Android)解决方法

写在最前面:

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

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

为什么这么说呢?

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

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

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

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

先来翻译:


连接不到开发的服务器。

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

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

解决方法:


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

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

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

出现React packager ready就走不动了。

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

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

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

如何解决?


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

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

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

3、飞行模式关闭

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

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

个人认为解决办法如下:

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


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


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

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

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

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

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

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

时间: 2024-08-09 06:24:02

React—Native开发之 Could not connect to development server(Android)解决方法的相关文章

React Native 运行出现 Could not connect to development server 解决方法

最近在研究React Native ,刚搭建完环境之后,若运行iOS模拟器出现以下界面: 解决方式是: (1)终端cd到当前项目 然后npm start (2)所有终端关闭,直接xcode run  ,ios这块xcode运行  server终端会自己打开的.

SELinux导致PHP连接MySQL异常Can't connect to MySQL server的解决方法

今天上班遇到的问题,新配的Linux服务器,php.Apache和一系列扩展插件装好后,在本地好好的程序移上去就一直抱数据库连接错误,而用sql命令却能连接上去, 做了一个简单的判断数据库连接页面还是不行,证明不是程序问题,而是php的哪里问题了,就在网上查了大半天 有些方法都不合情况后面偶然发现SELinux这个东西 查了下这个有限制httpd对外访问的权限:具体如下 输入命令:getsebool -a|grep -i httpd 里面会有一个 httpd_can_network_connec

转 : React Native 开发之 IDE 选型和配置

转:https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651112392&idx=1&sn=135e29ddde3050d469be98db815c267e&scene=0&key=18e81ac7415f67c4bcc2eaac3ca13f8d294ec1b8fa5828d4d7f13f2e81cc62f72e55e828ee04e2002284521336a3766d&ascene=0&

React Native开发之npm start加速

在Windows下好不容易安装好React Native环境之后,运行npm start,结果就是无限被等待,快的话160秒(将近3分钟啊....) 而Mac下因为有watchman所以是飞一样的速度,1秒不到,一般几十到几百毫秒.此处一千一万只草泥飞在胸中奔腾-   所幸找到一个解决方案了,能让npm start也飞起来(500毫秒左右),操作步骤如下: 1.安装watchman,在Windows下暂时处于alpha版本但是可以使用,是一个zip包 https://facebook.githu

React Native开发之IDE(Atom+Nuclide)安装,运行,调试

版权声明:本文为博主原创文章,如需转载请注明出处 目录(?)[-] 前言 MacWindowsLinux 准备工作 安装Atom 安装Nuclide 新建一个工程 自动补全 类型标注 语法检查 跳转到方法或者类型定义 在Nuclide运行项目 在Nuclide中调试 添加断点 Element Inspector 总结 欢迎Follow我的Github,博客会同步在Github的Blog仓库更新.也可以关注CSDN博客的React Native分类 Github地址: LeoMobileDevel

React Native开发之FlexBox代码+图解

来自Leo的原创博客,转载请著名出处 我的stackoverflow 前言 FlexBox布局是React Native的布局核心,鉴于自己对FlexBox还有很多概念不太清楚,这篇文章就当成是总结,并且分享出来给大家. FlexBox布局能够帮助你更好的帮助你控制控件的大小和位置,Flexbox非常适合Mobile端的适配,我想这也是FaceBook为什么选择FlexBox作为React Native布局的原因吧. 本文参考文章如下 A Complete Guide to Flexbox re

React Native开发之expo中camera的基本使用

之前做RN项目没调用过本地摄像头,今天下班早,做了一个简单的小demo:主要实现的功能:点击拍照按钮进入拍照界面,点击flip进行前后摄像头转换,点击开始拍照实现拍照功能(没写保存到本地的功能,大家可以自主开发),代码是参照expo官网的Camera写的一个小demo,大家可以结合的expo官网来看,该加注释的地方都在代码中加了,希望能对你有所帮助. import React from 'react' import { View, Text, TouchableOpacity, Button,

react native 开发报错

1:oc对象名是RCTPoctalk 2:js中导入原生方法 3:报错:对象没有定义 出现这样的问题可能是react native 不允许使用"RCT"开头的前缀 4:解决办法:"RCT_EXPORT_MODULE()" 导出对象方法的宏默认是OC对象名 ,  在宏中添加另起一个名字,js导出方法也修改下

react native中Unable to load script from assets 'index.android.bundle'解决方案

刚刚朋友问我,说是创建好一个项目,运行后报错:Unable to load script from assets 'index.android.bundle',以前好好的没出现这种现象,于是我找到一个解决方案,分享一下. 解决这个问题的方案是: 进入你该项目的根目录下的 android目录下的app目录下的src文件下的mian文件,(可能说的有点绕),在main件夹下,创建一个assets文件,这个文件是rn的资源文件夹! 之后用dos进入你的项目根目录,执行一下命令: react-nativ