react-native模拟机调试步骤详解 ——亲测有效!!!!
步骤
- 1
下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行adb connect 127.0.0.1:62001 链接模拟器

- 2
链接完成之后,运行安装react-native项目!react-native run-android
在运行这个命令之前,最好先开启项目运行服务,react-native start
有的情况下,在run-android的时候,会自动开启服务,

- 3
等待安装debug版本的刚初始化的react-native项目!安装完成之后,打开模拟器中的APP,会看到一个react-native的欢迎页

- 4
这时候一个简单的刚初始化好的APP就安装在你的模拟器当中了,然而现在并不能进行调试开发,因为还需要配置以下几个东西:1.2.记录电脑的ip地址,可以在cmd命令当中运行ipconfig查询到ip4地址,3,打开模拟器浮窗,选择device settings 找到ports设置,运行服务IP加端口,也就是查询到的IP地址加8081端口,4.设置完成后,即可打开浮窗选择reload,就刷新的APP,开发调试流程成功!
那我们先一步步来,获取IP地址:运行->ipconfig获取IP地址

- 5
然后打开模拟器浮窗,选择device settings,点击之后选择debug sever host ports那一项


- 6
然后输入之前查询到的IP地址加端口号,然后确定,点击返回,打开浮窗,选择reload就可以开始调试了!


- 7
这样,整个的模拟器调试流程,及过程就已经完成了!用IDE打开项目之后,修改了代码,直接打开浮窗,reload一下就可以看到效果了!
如果上 面的方法不行试试下来的方法
React Native 与 夜神模拟器的绑定
之前一直用真机去调试,
每回更新一次都需要手动摇晃手机后才能reload JS,
OMG,太麻烦了。
后来寻思模拟器网上推荐用Geny。。。什么的模拟器,但是那个模拟器还需要VBox一起用。
有点麻烦,然后我就下载了一个夜神模拟器。
速度很快,一点都不卡,但是模拟器系统使android 4.4版本的。有点遗憾。
好了,进入正题:
顺便说明一下我现在用的工具有关RN的,如下:
1. Microsoft VS Code:

2.YeShen模拟器
3. Nodejs
4. react-native-master
React Native 与 夜神模拟器同步:
首先你需要adb连接到模拟器上。
但你怎么知道模拟器device是什么,adb devices。
直接运行adb devices那么应该什么都没有。
首先你需要启动模拟器,然后进入夜神安装目录的bin目录下。
11. $D:\ReactNative\YeShen\Nox\bin>nox_adb devices
*如果没有显示device那么到任务管理器中找到NoxVMHandle.exe的PID然后再去找到对应host:port
*cmd中netstat -aon|findstr 【PID】就会显示
然后你就知道device名字了。然后你需要adb与此模拟器连接在一起。
12.$D:\adt-bundle-windows-x86\android-sdk\android-sdk\platform-tools>adb.exe connect 127.0.0.1:62001
好了,连接成功了。
然后你就可以吧RN项目安装到夜神模拟器上面了($react-native run-android)。
然后我再RN项目中设置Debug Server其中server设置为127.0.0.1:8081但是还是不行。说是我没有reverse或没有connect。
后来我试了一下ipconfig中的ip地址,居然可以了。
15.$在夜神模拟器中设置(使用ipconfig中的ip地址)
如果通过127.0.0.1:8081不能正常启动RN项目,那么就用真实的ip地址应该没有问题。
如果遇到 这个错误,解决方案如下:
adb server version (32) doesn't match this client (39); killing...
查看本地的ADB版本:- E:\android\android-sdk-windows\platform-tools>adb version
- Android Debug Bridge version 1.0.39
- Version 0.0.1-4500957
- Installed as E:\android\android-sdk-windows\platform-tools\adb.exe
adb server version (32) doesn't match this client (39); killing...
原来是驱动是.39,找一个老版本的.32就行了。
百度一下:adb 1.0.32。
找一个免费的替换就行了。
http://dl.pconline.com.cn/download/359035-1.html

react-native模拟机调试步骤详解 ——亲测有效!!!!的更多相关文章
- DataGrip for Mac破解步骤详解 亲测好用
https://blog.csdn.net/le945926/article/details/81912085
- PHP exif扩展方法开启详解(亲测)
本节主要介绍了如何开启PHP exif扩展方法,主要在于对php.ini文件的修改 服务器配置说明: 1.在php.ini文件中找到;extension=php_exif.dll,去掉前面的分号 2. ...
- Myeclipse程序调试快捷键及步骤详解
Myeclipse程序调试快捷键及步骤详解: 调试快捷键 Eclipse中有如下一些和运行调试相关的快捷键. 1. [Ctrl+Shift+B]:在当前行设置断点或取消设置的断点. ...
- React源码 commit阶段详解
转: React源码 commit阶段详解 点击进入React源码调试仓库. 当render阶段完成后,意味着在内存中构建的workInProgress树所有更新工作已经完成,这包括树中fiber节点 ...
- ASP.NET连接Oracle数据库的步骤详解(转)
ASP.NET连接Oracle数据库的步骤详解 本文我们主要介绍了ASP.NET连接Oracle数据库的步骤及每个步骤需要进行的设置,希望能够对您有所帮助. 在用ASP.NET开发应用程序时, ...
- Oracle 11g客户端在Linux系统上的配置步骤详解
Oracle 11g客户端在Linux系统上的配置步骤详解 2011-07-26 10:47 newhappy2008 CSDN博客 字号:T | T 本文我们主要介绍了Oracle 11g客户端在L ...
- centos6.4安装配置vpn服务器步骤详解
centos6.4安装配置vpn服务器步骤详解,从安装VPN到配置VPN服务器.配置VPN服务器的路由转发功能,每一步都很详细 一.VPN服务器环境说明 操作系统:CentOS release ...
- MD5算法步骤详解
转自MD5算法步骤详解 之前要写一个MD5程序,但是从网络上看到的资料基本上一样,只是讲了一个大概.经过我自己的实践,我决定写一个心得,给需要实现MD5,但又不要求很高深的编程知识的童鞋参考.不多说了 ...
- EA创建用例图步骤详解
EA创建用例图步骤详解 1 创建一个项目 2 选择需要的模型 3 新建模型包 4 新建图表 5 新建模型包 6 创建用户角色Actor 7 新建用例 8 关联用户和用例 9 最后整个项目浏览器目录结构 ...
随机推荐
- Vue.js学习笔记(介绍)
Vue语法也可以进行APP开发,需要借助weex Vue.js是一套构建用户界面的框架,只关注视图层,便于与第三方库或既有项目整合. 在Vue中的核心概念:让用户不能操作Dom元素(减少不必要的dom ...
- mysql 与 oracle 的连表update
mysql: update 表A a,表B b set a.xx=b.xx where a.id=b.id; oracle update 表A set a.xx=(select b.xx from 表 ...
- 学习笔记_J2EE_SpringMVC_01_入门
1. 概述 笔者作为一个不太正经的不专业佛教信仰者,习惯了解事物的因果关系,所以概述就有点BBB...了.如果不喜欢这些的,请自行跳过概述章节,直接进入第二章的操作实践:2 入门示例. 1.1. ...
- Python之copy模块
概念 官方解释:Python中的赋值语句不复制对象,它们在目标和对象之间建立索引.对于可变项目或可变项目的集合,有时需要一个副本,以便可以更改一个副本而不更改其他副本.该模块提供通用的浅层和深层cop ...
- 利用Skywalking-netcore监控你的应用性能
Skywalking SkyWalking开源项目由吴晟于2015年创建,同年10月在GitHub上作为个人项目开源. SkyWalking项目的核心目标,是针对微服务.Cloud Native.容器 ...
- 抓取某东的TT购买记录分析TT购买趋势
最近学习了一些爬虫技术,想做个小项目检验下自己的学习成果,在逛某东的时候,突然给我推荐一个TT的产品,点击进去浏览一番之后就产生了抓取TT产品,然后进行数据分析,看下那个品牌的TT卖得最好. 本文通过 ...
- Netty5服务端源码解析
Netty5源码解析 今天让我来总结下netty5的服务端代码. 服务端(ServerBootstrap) 示例代码如下: import io.netty.bootstrap.ServerBootst ...
- react-native项目中禁止截屏与录屏
在android/app/src/main/java/com/projname/MainActivity.java文件中的onCreate方法添加一下代码即可 import android.view. ...
- 安装pwntools
使用手册 http://pwntools.readthedocs.io/en/stable/ 环境 全新的ubuntu 14.04 64位 py2.7 实测ubuntu 18.04 64位同样适用 过 ...
- Excel—宏表函数
首先有一个知识点,宏表函数是不能直接在单元格中写公式的,需要先定义一个名称(“公式”选项卡——“定义名称”),然后在“定义名称”中的“定义位置”中写入宏表函数. GET.CELL(调取单元格信息的函数 ...