本文直接引用大神文档:

【WINDOWS环境 React Native初识】com.android.ddmlib.InstallException: Failed to establish session白屏问题解析

详情:

今天,可算改完了自己名下的bug。没辙,谁让自己太菜,妹子不爱,所以闲来无事,挥锄头动动ReactNative.

ReactNative理论就不说了,反正网上多的是。我要是能说,我也不在这里废话了,直接进入实战。

首先,你得安装JAVA JDK,安装android环境,配置android。

下载地址:http://www.androiddevtools.cn/     当然,我推荐各位还是买个VPN,价格不贵

这个具体流程,我也不说了,我不觉得能看到我博客的人不是安卓程序员,更何况百度都一堆的东西,你觉得我会去写么(毕竟,写也没别人写的好啊)

总之,这一步,你所有的配置必须可以达到以下要求(特别白痴的要求):

当你在cmd黑窗口里,打出:android或者adb或者java 都能出一大串我也不知道你英文程度的白色字体的时候,恭喜你,你可以写java版本的android代码了。

此时,我们的任务完成了第一步。

其次,安装git
 
安装React-native需要用到git,如果没有配置git,需要先下载对应的客户端
 
下载地址:git下载地址

然后,安装Node.js

下载地址:https://nodejs.org/en/   ,下载过后还是黑框框cmd里命令行输入npm测试是否看见一大串白字就成功

别的地方还推荐安装Python,我这里并没有安装

安装react-native命令行工具
继续在黑框框cmd 里 输入命令npm install -g react-native-cli

到此时,基础的环境配置完了,我们现在要开始创建项目

继续黑窗口里面命令行输入  react-native init MyProject

此时,耐心等待

......

....

...

.

卧槽,怎么这么慢

我想你肯定等的不耐烦吧,那为什么不掏钱买VPN呢,那么便宜?

可是,我们程序员那么辛苦,怎么可以把钱用来买VPN而不用来请妹子出去玩呢?

所以,你可以这么解决:https://cnodejs.org/topic/4f9904f9407edba21468f31e

不过,我还是建议你买VPN...

等啊等啊,妹子说我要耐心,终于不到200M的文件终于下载完成

打开下载的AwesomeProject文件夹,在目录里再次打开CMD命令行黑框框,输入react-native start,等待一段时间:

此时,打开浏览器,输入http://localhost:8081/index.android.bundle?platform=android,看见

如果出现上面的脚本内容表示服务器端已经可以了。

这个时候,我们就可以往手机上跑程序了,坑就特么来了!

个人喜欢在手机上直接跑程序,所以屌丝机红米note3的坑就来了,当然,这个坑我认为小米甚至所有非原生系统可能都有问题:

编译代码打包到手机     AwesomeProject文件目录使用cmd 输入命令  react-native run-android

小米手机小米系统报错:

崩溃啊,当时各种尝试,adb重启,手机重启,百度谷歌,都特么没有.....

这个时候我拿来公司的测试机 谷歌亲儿子原装安卓系统,完美无压力,我知道原因了,小米系统的锅

最后,解决方案:小米手机设置里-------开发者选项---------启用MIUI优化关闭

完美解决!

终于安装上了,可又不对了白屏,ReactNative安装白屏,这是什么鬼

继续扒小米系统,终于还是设置里找到应用管理,我们安装的AwesomeProject应用权限管理里面,打开悬浮窗权限。

重新打开安装的AwesomeProject,我们进入了页面,第一次显示:

拿起你的手机摇一摇,弹出悬浮窗,点击Dev Settings  然后点击 Debug server host & port for device

在这里输入你电脑的ip(查看方法:cmd窗口输入 ipconfig),比如我就是192.168.x.xxx:8081 ,8081是固定端口号,前面是你的ip

设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!

ReactNative欢迎你,朋友!

react-native学习笔记--首次安装apk到小米5报错的更多相关文章

  1. React Native 学习笔记--进阶(二)--动画

    React Native 进阶(二)–动画 动画 流畅.有意义的动画对于移动应用用户体验来说是非常必要的.我们可以联合使用两个互补的系统:用于全局的布局动画LayoutAnimation,和用于创建更 ...

  2. Mac安装HomeBridge适配小米Homekit报错:module未找到解决

    Mac安装HomeBridge适配小米Homekit报错:module未找到 具体错误是: module.js:471 throw err; balabalal...... 问了一圈,终于解决,但是又 ...

  3. React Native学习笔记之2

    1:如何创建一个react native工程 首先进入到指定文件夹里面,然后在终端执行react-native init ReactNativeProject :其中ReactNativeProjec ...

  4. react native学习1-安装,执行

    demo地址 http://www.oschina.net/p/reactnative http://my.oschina.net/luyongfugx/blog/394427#OSC_h1_1 翻译 ...

  5. react native 学习笔记

    假设你的机器现在还没安装任何环境. 不同的操作系统.不同的目标平台,具体的步骤也会有所不同.如果你想同时开发android和ios也没问题,只需要先选一个平台开始,另一个平台的环境搭建只是稍有不同 本 ...

  6. React Native学习笔记之1

    1:运行React Native报连接错误解决 解决方式: 在终端进入项目文件里,然后执行:(cd Pods/React; npm run start) 2:组件生命周期介绍 创建阶段 1. getD ...

  7. React Native学习笔记-1:JSC profiler is not supported.(转载)

    运行react-native中Example下的UIEXPLORER Project 遇到虾面报错: 2016-03-21 14:12:18.941 [trace][tid:com.facebook. ...

  8. React Native学习笔记-1:JSC profiler is not supported.

    新建React-Native工程,直接编译运行报错,控制台错误信息如下: 2016-02-22 16:49:47.317 [info][tid:com.facebook.React.JavaScrip ...

  9. React Native学习笔记

    React 是使用ES6 ,支持JSX语法, 开发组件化web或native的工具. 现阶段使用Babel工具转换成ES5 代码. 组件通过props属性传递不变化的内容,UI通过state属性变动来 ...

随机推荐

  1. 如何在网页中提取Email地址

    开博好久了,今天第一次发表技术文档,之前总是将一些好的事例保存在电脑,时间久了找起来也很麻烦,所以还是放在博客里进行归类比较方便,这样也能将自己在学习过程中的一些心得体会分享给大家,也能给需要的人一点 ...

  2. OpenCV人脸识别LBPH算法源码分析

    1 背景及理论基础 人脸识别是指将一个需要识别的人脸和人脸库中的某个人脸对应起来(类似于指纹识别),目的是完成识别功能,该术语需要和人脸检测进行区分,人脸检测是在一张图片中把人脸定位出来,完成的是搜寻 ...

  3. Android -- 真正的 高仿微信 打开网页的进度条效果

    (本博客为原创,http://www.cnblogs.com/linguanh/) 目录: 一,为什么说是真正的高仿? 二,为什么要搞缓慢效果? 三,我的实现思路 四,代码,内含注释 五,使用方法与截 ...

  4. C#文件安全管理解析

    在实际的项目开发中,我们经常需要使用到文件的I/O操作,主要包含对文件的增改删查等操作,这些基本的操作我们都是很熟悉,但是较少的人去考虑文件的安全和操作的管理等方面,例如文件的访问权限管理,文件数据的 ...

  5. 使用EF CodeFirst 创建数据库

    EntityFramework 在VS2015添加新建项时,选择数据->ADO.NET 实体数据模型,有一下选项 来自数据库的EF设计器,这个就是我们最常用的EntityFramework设计模 ...

  6. ie6 ie7 ie8 ie9兼容问题终极解决方案

    放下包袱,解决低版本兼容问题   这是一个老生常谈的问题,自然解决这个问题的方案也比较多,下面整理了一些解决方法: 1.强制使用高版本渲染模式. 强制使用Edge模式来解析网页代码 <meta ...

  7. Android—应用程序开机自启

    android开机时候会发送开机广播,我们想要收到广播知道手机开机,才能启动我们的应用程序. 首先要在配置文件中添加相应权限: <uses-permission android:name=&qu ...

  8. django 学习第一天搭建环境

    目前django版本是1.10,我学习的基础教材是 Web Development with Django Cookbook, Second Edition 搭建好配置环境 ssh免认证登录 修改一下 ...

  9. 1.Hibernate简介

    1.框架简介: 定义:基于java语言开发的一套ORM框架: 优点:a.方便开发;           b.大大减少代码量;           c.性能稍高(不能与数据库高手相比,较一般数据库使用者 ...

  10. 我的MYSQL学习心得(二) 数据类型宽度

    我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...