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欢迎你,朋友!
react-native学习笔记--首次安装apk到小米5报错的更多相关文章
- React Native 学习笔记--进阶(二)--动画
React Native 进阶(二)–动画 动画 流畅.有意义的动画对于移动应用用户体验来说是非常必要的.我们可以联合使用两个互补的系统:用于全局的布局动画LayoutAnimation,和用于创建更 ...
- Mac安装HomeBridge适配小米Homekit报错:module未找到解决
Mac安装HomeBridge适配小米Homekit报错:module未找到 具体错误是: module.js:471 throw err; balabalal...... 问了一圈,终于解决,但是又 ...
- React Native学习笔记之2
1:如何创建一个react native工程 首先进入到指定文件夹里面,然后在终端执行react-native init ReactNativeProject :其中ReactNativeProjec ...
- react native学习1-安装,执行
demo地址 http://www.oschina.net/p/reactnative http://my.oschina.net/luyongfugx/blog/394427#OSC_h1_1 翻译 ...
- react native 学习笔记
假设你的机器现在还没安装任何环境. 不同的操作系统.不同的目标平台,具体的步骤也会有所不同.如果你想同时开发android和ios也没问题,只需要先选一个平台开始,另一个平台的环境搭建只是稍有不同 本 ...
- React Native学习笔记之1
1:运行React Native报连接错误解决 解决方式: 在终端进入项目文件里,然后执行:(cd Pods/React; npm run start) 2:组件生命周期介绍 创建阶段 1. getD ...
- React Native学习笔记-1:JSC profiler is not supported.(转载)
运行react-native中Example下的UIEXPLORER Project 遇到虾面报错: 2016-03-21 14:12:18.941 [trace][tid:com.facebook. ...
- React Native学习笔记-1:JSC profiler is not supported.
新建React-Native工程,直接编译运行报错,控制台错误信息如下: 2016-02-22 16:49:47.317 [info][tid:com.facebook.React.JavaScrip ...
- React Native学习笔记
React 是使用ES6 ,支持JSX语法, 开发组件化web或native的工具. 现阶段使用Babel工具转换成ES5 代码. 组件通过props属性传递不变化的内容,UI通过state属性变动来 ...
随机推荐
- .net erp(办公oa)开发平台架构概要说明之表单设计器
背景:搭建一个适合公司erp业务的开发平台. 架构概要图: 表单设计开发部署示例图 表单设计开发部署示例说明1)每个开发人员可以自己部署表单设计至本地一份(当然也可以共用一套开发环境,但是如 ...
- react入门参考资料--step by step
ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出 ...
- $ORACLE_HOME变量值末尾多“/”惹的祸
之前一直误以为$ORACLE_HOME变量的路径中末尾多写一个"/"不会有影响. 今天做实验时碰到一个情景,发现并不是这样. 环境:OEL 5.7 + Oracle 10.2.0. ...
- 常用 meta 整理
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" con ...
- Android中的LinearLayout布局
LinearLayout : 线性布局 在一般情况下,当有很多控件需要在一个界面列出来时,我们就可以使用线性布局(LinearLayout)了, 线性布局是按照垂直方向(vertical)或水平方向 ...
- mono3.2和monodevelop4.0在ubuntu12.04上两天的苦战
首先第一步是设置ubuntu server 12.04版更新源,推荐中科大的比较快:deb http://debian.ustc.edu.cn/ubuntu/ precise main multive ...
- 进程监控工具supervisor 启动Mongodb
进程监控工具supervisor 启动Mongodb 一什么是supervisor Superviosr是一个UNIX-like系统上的进程监控工具. Supervisor是一个Python开发的cl ...
- 【已解决】Https请求——基础连接已经关闭 发送时发生错误
本人在做商用项目的推送消息功能时,借助第三方推送服务.这里避免有打广告的嫌疑,就不报名字了.由于是通过调用API接口,所以Post方法是自己写的,但是在开发环境是可以正常推送的,但是一上线就出各种问题 ...
- UML类图(上):类、继承和实现
面向对象设计 对于一个程序员来说,在工作的开始阶段通常都是别人把东西设计好,你来做.伴随着个人的成长,这个过程将慢慢变成自己设计一部分功能来实现,自己实现.如果要自己设计,无论是给自己看,还是给别人看 ...
- 【初探Spring】------Spring IOC(一)
IOC:Inversion of Control(控制反转).IOC它所体现的并不是一种技术,而是一种思想,一种将设计好的对象交给容器来管理的思想.IOC的核心思想就体现在控制.反转这两个词上面,要理 ...