react native android模拟机调试

模拟机调试首先要确认你的环境变量的path中是不是有adb的路径,adb一般在android的adk目录下的platform-tools下,android目录默认是在c盘user/administrator(用户默认的话)/appdata/中

如果使用的是android studio自带的那个模拟器的话,可以这么玩

运行

C:\Users\Administrator\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Nexus4_API_27

这条命令中确保emulator.exe目录正确,一般在android目录中tools中或者在emulator中,像我这情况两个目录下都有,emulator下可以执行,另外一个不行,原因不详。

-avd 参数后面的Nexus4_API_27是你的虚拟机的名称,不知道的可以去android studio中看一下。

然后就是在项目根目录下运行react-native run-android就可以看到项目在虚拟机上跑起来了

或者可以使用其他的安卓模拟器,我用的是夜神模拟器,

先运行一条命令

adb connect 127.0.0.1:62001

之后可以通过

adb devices 查看设备是不是添加上了

之后

然后修改ip,ip地址是你电脑上的ipv4地址,这里可以直接使用ipconfig命令查看到的地址,但是每次开机可能会给你分配不同的ip,可以去固定一下你的ip,去电脑上网络设置里面找到适配器

修改ipv4的网络,这个看个人情况

之后项目根目录下运行react-native run-android命令

可能会报一些错误

比如unable to load script form assets

解决办法就是先在项目的android/app/src/mian中创建一个assets目录

然后根目录下运行

 react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

这里需要注意的是,新版本reactnative 用react-native init创建的项目没有index.android.js ,只有index.js,所以需要把index.android.js 改为index.js运行,否则会出现一系列错误,

例如出现could not connect to development server错误就可能是这个原因造成的。

成功后再运行react-native run-android,之前最好把夜神模拟器重启一下。

网上有些博客说运行adb命令是在夜神模拟器的bin目录下运行,不过如果已经把android目录下sdk下platform-tools路径配置在环境变量中的话,就直接在任何除了夜神模拟器或其他模拟器有adb的目录中运行adb connect命令,不然可能会报错。

如果想要js远程调试的话,就选择debug js remotely

然后再浏览器输入http://localhost:8081/debugger-ui/(一开始我用ip,但是有跨域问题)

接着再去上图中选择Reload (之前我一直在浏览器上Ctrl+R,但是一直没效果,找了半天结果发现就是这原因,好气)

原文地址:https://www.cnblogs.com/shaozm/p/8832175.html

时间: 2024-11-29 07:55:27

react native android模拟机调试的相关文章

React Native Android Gradle 编译流程浅析

[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景 前面已经发车了一篇<React Native Android 从学车到补胎和成功发车经历>,接着就该好好琢磨一下 React Native 周边了,没看第一篇的可以先去看看:这里我们先从 React Native 的 Android 编译来简单揭晓一下 React Native 在集成的过程中到底干了哪些不可告人的坏事:由于我们项目准备以 Gradle 形式接入

React Native Android 源码框架浅析(主流程及 Java 与 JS 双边通信)

[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景 有了前面<React Native Android 从学车到补胎和成功发车经历>和<React Native Android Gradle 编译流程浅析>两篇文章的学习我们 React Native 已经能够基本接入处理一些事情了,那接下来的事情就是渐渐理解 RN 框架的一些东西,以便裁剪和对 RN 有个更深入的认识,所以本篇总结了我这段时间阅读源码

React native android 最常见的10个问题

这里逐条记录下最容易遇到的React native android 相关case: 1. app启动后,红色界面,unable load jsbundle : 解决办法:一般来说就是,你是用dev-serve方式,且你的server没有正确匹配上,如果是用手机跑的话,需要pc和手机在同一个wifi下,且通过menu键设置menu-ip为pc的ip,如果是模拟器,则不需要手动设置ip,设置的话,反倒会出错 2. app启动后,红色界面,unRegisteredProject 提示提示什么,你的ap

React Native Android原生模块开发实战|教程|心得|如何创建React Native Android原生模块

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得,来分享给大家,但实在抽不开身,今天看了一下日历发现马上就春节了,所以就赶在春节之前将这篇博文写好并发布(其实是两篇:要看iOS篇的点这里<React Native iOS原生模块开发>). 我平时在用React Native开发App时会

react-native —— 在Mac上配置React Native Android开发环境排坑总结

配置React Native Android开发环境总结 1.卸载Android Studio,在终端(terminal)执行以下命令: rm -Rf /Applications/Android\ Studio.app rm -Rf ~/Library/Preferences/AndroidStudio* rm ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/Application\ Support/A

React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息.为大家精心准备的React Native视频教程公布了,大家现能够看视频学React Native了. 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得.来分享给大家,但实在抽不开身.今天看了一下日历发现立即就春节了.所以就赶在春节之前将这篇博文写好并公布(事实上是两篇

react native android 真机调试

第一步:平板连接至电脑,并打开"USB调试" 可以通过命令查看到所有的设备 adb devices #查看所有的设备 第二步:在真机Debug Android项目 一般是先在Android Studio打开项目,点击运行项目,然后选择已经连接的设备,点击OK,即可在设备上运行项目,但前提是设备已经打开了"USB调试" 第三步:运行项目 通过命令打开命令,将可以Debug项目 react-native run-android 到这时,真机应该是可以打开项目的 第四步:

【转】在Windows下搭建React Native Android开发环境

http://my.oschina.net/jackzlz/blog/508210 安装JDK 从Java官网下载JDK并安装.请注意选择x86还是x64版本. 推荐将JDK的bin目录加入系统PATH环境变量. 安装Android SDK 可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装.推荐使用Android Studio,以下说明会默认以Android Studio的方式说明.请注意选择x86还是x64版本. 为了加速下载,推荐从

React Native Android 从学车到补胎和成功发车经历

[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景 好几个月没发车了,完全生疏了,为了接下来能持续性的发好车,这次先准备发个小车-- React Native.没错,就是这个从去年到现在官方都憋不出大招 1.0 版本,而被我朝开发者疯狂追捧备受争议的破车.怎么说呢,这玩意刚出来时有了解过,当时的内心是抵触的,但是内心总是架不住天朝的炒作能力,更架不住硬性指标,于是我就这么被 React Native 蹂躏了一番,也