步骤

  1. 1

    下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行adb connect 127.0.0.1:62001 链接模拟器

  2. 2

    链接完成之后,运行安装react-native项目!react-native run-android

    在运行这个命令之前,最好先开启项目运行服务,react-native start

    有的情况下,在run-android的时候,会自动开启服务,

  3. 3

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

  4. 4

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

    那我们先一步步来,获取IP地址:运行->ipconfig获取IP地址

  5. 5

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

  6. 6

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

  7. 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目录下。

    1
    1. $D:\ReactNative\YeShen\Nox\bin>nox_adb devices

    *如果没有显示device那么到任务管理器中找到NoxVMHandle.exe的PID然后再去找到对应host:port

    *cmd中netstat -aon|findstr 【PID】就会显示

    然后你就知道device名字了。然后你需要adb与此模拟器连接在一起。

    1
    2.$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地址,居然可以了。

    1
    5.$在夜神模拟器中设置(使用ipconfig中的ip地址)

    如果通过127.0.0.1:8081不能正常启动RN项目,那么就用真实的ip地址应该没有问题。

     如果遇到 这个错误,解决方案如下:

    adb server version (32) doesn't match this client (39); killing...

    查看本地的ADB版本:
    1. E:\android\android-sdk-windows\platform-tools>adb version
    2. Android Debug Bridge version 1.0.39
    3. Version 0.0.1-4500957
    4. 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模拟机调试步骤详解 ——亲测有效!!!!的更多相关文章

  1. DataGrip for Mac破解步骤详解 亲测好用

    https://blog.csdn.net/le945926/article/details/81912085

  2. PHP exif扩展方法开启详解(亲测)

    本节主要介绍了如何开启PHP exif扩展方法,主要在于对php.ini文件的修改 服务器配置说明: 1.在php.ini文件中找到;extension=php_exif.dll,去掉前面的分号 2. ...

  3. Myeclipse程序调试快捷键及步骤详解

    Myeclipse程序调试快捷键及步骤详解: 调试快捷键    Eclipse中有如下一些和运行调试相关的快捷键.    1. [Ctrl+Shift+B]:在当前行设置断点或取消设置的断点.    ...

  4. React源码 commit阶段详解

    转: React源码 commit阶段详解 点击进入React源码调试仓库. 当render阶段完成后,意味着在内存中构建的workInProgress树所有更新工作已经完成,这包括树中fiber节点 ...

  5. ASP.NET连接Oracle数据库的步骤详解(转)

    ASP.NET连接Oracle数据库的步骤详解   本文我们主要介绍了ASP.NET连接Oracle数据库的步骤及每个步骤需要进行的设置,希望能够对您有所帮助.   在用ASP.NET开发应用程序时, ...

  6. Oracle 11g客户端在Linux系统上的配置步骤详解

    Oracle 11g客户端在Linux系统上的配置步骤详解 2011-07-26 10:47 newhappy2008 CSDN博客 字号:T | T 本文我们主要介绍了Oracle 11g客户端在L ...

  7. centos6.4安装配置vpn服务器步骤详解

      centos6.4安装配置vpn服务器步骤详解,从安装VPN到配置VPN服务器.配置VPN服务器的路由转发功能,每一步都很详细   一.VPN服务器环境说明 操作系统:CentOS release ...

  8. MD5算法步骤详解

    转自MD5算法步骤详解 之前要写一个MD5程序,但是从网络上看到的资料基本上一样,只是讲了一个大概.经过我自己的实践,我决定写一个心得,给需要实现MD5,但又不要求很高深的编程知识的童鞋参考.不多说了 ...

  9. EA创建用例图步骤详解

    EA创建用例图步骤详解 1 创建一个项目 2 选择需要的模型 3 新建模型包 4 新建图表 5 新建模型包 6 创建用户角色Actor 7 新建用例 8 关联用户和用例 9 最后整个项目浏览器目录结构 ...

随机推荐

  1. Uni-app事件处理

    事件表: Web事件 uni-app事件 click tap touchstart touchstart touchmove touchmove touchcancel touchcancel tou ...

  2. 以慕课网日志分析为例-进入大数据Spark SQL的世界

    下载地址.请联系群主 第1章 初探大数据 本章将介绍为什么要学习大数据.如何学好大数据.如何快速转型大数据岗位.本项目实战课程的内容安排.本项目实战课程的前置内容介绍.开发环境介绍.同时为大家介绍项目 ...

  3. git branch 分支

    几乎所有的版本控制系统都以某种形式支持分支. 使用分支意味着你可以把你的工作从开发主线上分离开来,以免影响开发主线. 在很多版本控制系统中,这是一个略微低效的过程——常常需要完全创建一个源代码目录的副 ...

  4. 如何进行PDF页码编排,如何调整PDF页码顺序

    PDF文件的页码顺序如何进行调整?许多小伙伴们都不知道,我们在编辑的时候只知道PDF文件的编辑方法,但是调整页码的顺序我们或许不会,但是如何去进行操作呢?看小编的方法吧!如果我们想要修改PDF文件中的 ...

  5. wx:for获取 data-xxx 自定义的属性

    今天在写wx:for循环时,在事件对象上e.target.dataset上一直拿不到自定义属性 data-id. 示例: <view wx:for='{{list}}' wx:key='{{it ...

  6. Java序列化随记

    序列化简介: 程序中的对象并不只是存在内存中,还需要传输网络,或者保存起来下次再加载出来用,因此需要Java序列化技术. Java序列化技术正是将对象转变成一串由二进制字节组成的数组,可以通过将二进制 ...

  7. 一个Tomcat下部署两个,甚至多个项目

    是的這是我粘過來的 Tomcat目录下的结构如图: 第一步:Tomcat默认空间webapps,中已经存在一个项目了,此时要增加一个项目运行可以将原本webapps目录copa一份, 改名为webap ...

  8. python迭代器Itertools

    https://docs.python.org/3.6/library/itertools.html 一无限迭代器: Iterator Arguments Results Example count( ...

  9. DS博客作业01-日期抽象数据类型设计和实现

    1.思维导图及学习体会 1.1第一章绪论知识点思维导图 1.2 学习体会 这周刚刚学习了数据结构绪论和一部分线性表的知识,因为寒假提前预习了一会儿,在课堂上可以较快理解老师讲的内容.但是在c++语法上 ...

  10. maya cmds pymel selectType() 选择类型切换

    maya cmds pymel selectType() 选择类型切换 import maya.cmds as cmds cmds.selectType( polymeshFace = True ) ...