文档章节

一步一步在Windows下搭建React Native Android开发环境

s
 sdycyzzzl
发布于 2016/12/29 15:48
字数 485
阅读 16
收藏 0

搭建JAVA开发环境

根据操作系统分为x86或x64位的,下载jdk1.8以上的版本,

本机安装时的Java版本:jdk-8u45-windows-x64.exe




配置JAVA的环境变量

[html] view plain copy

 print?在CODE上查看代码片派生到我的代码片

  1. JAVA_HOME = C:\Program Files\Java\jdk1.8.0_45  
  2. CLASSPATH = .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;  
  3. path 增加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;  


 

安装Android Studio

本机安装时的Android Studio版本:androidstudio1.5.0.0.1454148047.exe

 

增加Android SDK的环境变量配置

 

[html] view plain copy

 print?在CODE上查看代码片派生到我的代码片

  1. ANDROID_HOME = D:\Android\sdk  
  2. path 增加 ;%ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;  

 

 

安装NodeJS开发环境

 

安装流程参考:http://blog.csdn.net/itpinpai/article/details/48103845

 

安装Git版本控制

本机安装时的Git版本:Git-1.9.5-preview.exe

安装流程参考:http://blog.csdn.net/itpinpai/article/details/48105445

 

安装虚拟机

 

本机安装时的虚拟机版本:genymotion-2.6.0-vbox

 

这个软件需要在官网上注册一个账号,先注册才能下载,官网地址:www.genymotion.com/

 

安装React-native-cli


 

[python] view plain copy

 print?在CODE上查看代码片派生到我的代码片

  1. npm install -g react-native-cli  



初始化项目

 

[python] view plain copy

 print?在CODE上查看代码片派生到我的代码片

  1. react-native init reactNative  



启动项目
 

[python] view plain copy

 print?在CODE上查看代码片派生到我的代码片

  1. react-native start  

 

执行上句命令后打开下面这个连接

http://localhost:8081/index.android.bundle?platform=android

页面如图上:

这个页面的说明android项目没有编译成功

需要删除项目(MyProject)下的这个路径下的文件:MyProject\node_modules\react-native\node_modules\react-transform-hmr\node_modules\react-proxy\node_modules\react-deep-force-update\.babelrc

如下图:

 

关闭cmd窗口,再次打开运行react-native start 回车

打开刚才输入的连接地址页面显示如下截图

 

执行react-native start 可能会报如下图错:

 

解决办法:
修改这个文件F:\reactNative\MyReact\node_modules\react-native\packager\react-packager\src\DependencyResolver\FileWatcher\index.js

把原来的
const MAX_WAIT_TIME = 120000;
修改为

const MAX_WAIT_TIME = 120000000;

 

 

运行 android app

 

[ruby] view plain copy

 print?在CODE上查看代码片派生到我的代码片

  1. react-native run-android  

 

运行可能需要一些时间。要耐心等待

 

 

安卓调试



目前Windows下无法自动打开chrome进行调试,所以手动打开chrome,访问如下地址: http://localhost:8081/debugger-ui 即可。

 

本文转载自:http://blog.csdn.net/itpinpai/article/details/50809068

s
粉丝 0
博文 26
码字总数 1593
作品 0
私信 提问
一步一步在Windows下搭建React Native Android开发环境

执行上句命令后打开下面这个连接 http://localhost:8081/index.android.bundle?platform=android 页面如图上: 这个页面的说明android项目没有编译成功 需要删除项目(MyProject)下的这个路径...

陈映亮
2017/10/19
0
0
linux平台安装React Native遇到的坑

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011068702/article/details/82631458 3年前我在windows平台安装过React Native,我一直都记忆犹新,那个时候f...

chenyu_insist
2018/09/11
0
0
React Native搭建开发环境/link原生依赖问题

环境搭建 一、 安装依赖 必须安装的依赖有:Node、Python2 以及 JDK 、React Native 命令行工具和 Android Studio。 1. 官网下载安装Node(Node 的版本必须高于 8.3) 2. 官网下载安装Pytho...

簡單STL
04/21
0
0
React Native 环境搭建踩坑

React Native (web Android)环境搭建踩坑(真的是一个艰辛的过程,大概所有坑都被我踩了 官方文档地址 : https://facebook.github.io/react-native/docs/getting-started 选择 Building P...

大瑶的踩坑之旅
2018/08/02
0
0
react native for android 模拟器连接不上

我在使用react native for Android 在windows中开发中,用dos命令行一步一步的做下来,到了最后往模拟器上安装时他老是报错,说 Could not install the app on the device, read the error ...

三行
2016/01/04
11.7K
3

没有更多内容

加载失败,请刷新页面

加载更多

Java编程学习-Java虚拟机(JVM)以及跨平台原理

相信大家已经了解到Java具有跨平台的特性,可以“一次编译,到处运行”,在Windows下编写的程序,无需任何修改就可以在Linux下运行,这是C和C++很难做到的。 那么,跨平台是怎样实现的呢?这...

Java领航员
22分钟前
0
0
学JFinal不迷路,JFinal优质资源列表(欢迎反馈更新)

学JFinal不迷路,记录一下JFinal相关的资源、产品、讲师等信息(所有信息排名不分先后)。 一、相关站点: 1、JFinal官网-问答、分享、文档、交流、俱乐部 http://www.jfinal.com 2 、JFina...

山东-小木
26分钟前
0
0
项目学习(2)-order-job

在当前的系统中,因为并发量并不高,服务之间发起异步请求或者异步调用时,没有使用到消息中间件。 而是在各个服务(子系统)的数据库中,创建了event_queue事件对列表和event_handler事件处...

太猪-YJ
34分钟前
0
0
gradle grovvy中的闭包

1. 无参数的闭包 //这b1就是一个闭包def b1={ println "hello b1"}//定义方法,包含闭包类型的参数def method1(Closure closure){closure()}//执行method1method1(b1) 执行结果 ...

edison_kwok
今天
3
0
基于Spring Boot + Dubbo的全链路日志追踪(一)

一、 概要 当前公司后端整体架构为:Spring Boot + Dubbo。由于早期项目进度等原因,对日志这块没有统一的规范,基本上是每个项目自己管自己的日志。这也对后面的问题排查带来了很大的困难,...

明天以后
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部