react-native学习笔记--首次安装apk到小米5报错

本文直接引用大神文档:

【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欢迎你,朋友!

时间: 12-25

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

React Native学习笔记(一)Mac OS X下React Native的环境搭建

本文介绍Mac OS X系统下的React Native环境搭建过程. 1.环境要求: 1) Mac OS X操作系统 2) Xcode6.4或以上版本 3) Node.js4.0或以上版本 4) watchman和flow 2.安装过程 1) Node.js的安装可以在Node.js的官网https://nodejs.org/ 中下载最新的版本.这里下载的是node-v4.4.2.pkg版本.直接双击运行安装就可以了.查看是否安装成功可以在终端中输入如下命令: $node -v 如果能够显示版

React Native学习笔记之一

1:运行React Native报连接错误解决 解决方式: 在终端进入项目文件里,然后执行:(cd Pods/React; npm run start) 2:组件生命周期介绍 创建阶段 1. getDefaultProps 作用于组件类,也就是调用React.createClass()的时候被调用. 每次创建组件的时候执行且只执行一次,方式如 reload Js. 用来处理props的默认值. note : 如果在JS文件中定义了一个组件,但是没有使用它,此组件的getDefaultProps也

【REACT NATIVE 系列教程之十】真机运行报错COMMAND /BIN/SH FAILED WITH EXIT CODE 1 的解决方法

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2315.html Himi最近在真机运行遇到  Command /bin/sh failed with exit code 1  的错误, 模拟器运行没有任何问题.此问题已解决,这里分享下解决方案. 先来看下错误日志,如下图: 主要是划线的部分: 1.PhaseScriptExecution Bundle\ Reac

React Native学习笔记

React 是使用ES6 ,支持JSX语法, 开发组件化web或native的工具. 现阶段使用Babel工具转换成ES5 代码. 组件通过props属性传递不变化的内容,UI通过state属性变动来产生变化. React 一个界面框架, 数据的管理在js中比较麻烦, 容易混乱 . 有个redux库可以管理一个统一的数据存储点. 一个应用只有一个Store对象,内部是一个全局可随处访问的变量. Redux 的三个概念 : container, reduce, actions . 1. 创建con

react native 学习一(环境搭配和常见错误的解决)

react native 学习一(环境搭配) 首页,按照http://reactnative.cn/docs/0.30/getting-started.html#content上的介绍,下载安装python2.nodejs.git.Android Studio.这里前面两个都比较好装,android studio装起来相当慢,其实应该只用装sdk就行了,安装sdk可以按http://www.androiddevtools.cn/这个里面的方式设个代理. 软件装好了,就是环境变量设置了,添加AND

node.js在windows下的学习笔记(1)---安装node.js

1.首先打开http://www.nodejs.org/ 2.选择DOWNLOADS,跳转到下面的画面,我的系统是windows7的32位.所以选择.msi的32bit版本. 3.下载后,得到一个5.43MB大小的安装包, 4.运行安装包 点击next 打个勾,点击next 选择安装目录 最后,安装成功啦 node.js在windows下的学习笔记(1)---安装node.js,布布扣,bubuko.com

nodejs学习笔记之安装、入门

由于项目需要,最近开始学习nodejs.在学习过程中,记录一些必要的操作和应该注意的点. 首先是如何安装nodejs环境?(我用的是windows 7环境,所以主要是windows 7的例子.如果想看linux下的安装可以参考http://www.cnblogs.com/meteoric_cry/archive/2013/01/04/2844481.html) 1. nodejs提供了一些安装程序,可以去官网(http://nodejs.org/download/)按照自己的机器进行下载,下载完

20170514002Oracle 11g R2安装过程中遇到的报错及解决办法

Oracle 11g R2安装过程中遇到的报错及解决办法 1.提示Check if the DISPLAYvariable is set.    Failed<<<< 解决方案: #xhost +  //切换到root用户输入 #su – Oracle  //切换到oracle用户 $./runInstaller  //执行安装程序 xhost 是用来控制X server访问权限的. 通常当你从hostA登陆到hostB上运行hostB上的应用程序时, 做为应用程序来说,hostA

laravel安装intervention/image图像处理扩展 报错fileinfo is missing

在安装intervention/image图像处理扩展 报错fileinfo is missing 报错信息如下: \blog>composer require intervention/imageUsing version ^2.3 for intervention/image./composer.json has been updatedLoading composer repositories with package informationUpdating dependencies (i