一步一步在Windows下搭建React Native Android开发环境
2016-03-05 16:15
399 查看
搭建J***A开发环境
根据操作系统分为x86或x64位的,下载jdk1.8以上的版本,本机安装时的java版本:jdk-8u45-windows-x64.exe
配置J***A的环境变量
J***A_HOME = C:\Program Files\Java\jdk1.8.0_45 CLASSPATH = .;%J***A_HOME%\lib\dt.jar;%J***A_HOME%\lib\tools.jar; path 增加;%J***A_HOME%\bin;%J***A_HOME%\jre\bin;
安装Android Studio
本机安装时的Android Studio版本:androidstudio1.5.0.0.1454148047.exe增加Android SDK的环境变量配置
ANDROID_HOME = D:\Android\sdk path 增加 ;%ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
安装Git版本控制
本机安装时的Git版本:Git-1.9.5-preview.exe安装流程参考:/article/1469180.html
安装虚拟机
本机安装时的虚拟机版本:genymotion-2.6.0-vbox这个软件需要在官网上注册一个账号,先注册才能下载,官网地址:www.genymotion.com/
安装React-native-cli
npm install -g react-native-cli
初始化项目
react-native init reactNative
启动项目
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
react-native run-android
运行可能需要一些时间。要耐心等待
安卓调试
目前Windows下无法自动打开chrome进行调试,所以手动打开chrome,访问如下地址: http://localhost:8081/debugger-ui 即可。相关文章推荐
- Windows10下搭建React Native Android开发环境
- sgu194. Reactor Cooling 无源汇上下界可行流
- react router animation example
- JavaScript的React框架中的JSX语法学习入门教程
- react native mac install
- react学习札记(二)
- React-Native 如何将图片作为页面的背景以及控件的嵌套实现启动应用
- ReactiveCocoa自述:工作原理和应用
- Reactt-Native 学习过程
- 高性能I/O设计模式Reactor和Proactor
- 【SGU194】Reactor Cooling 无源汇上下界可行流
- react-native疑难
- React react-ui-tree的使用
- React 标签和属性支持
- ReactiveCocoa学习
- React refs
- win上搭建react-native android环境
- iOS开发 React-native开发环境配置
- React Native视频播放(iOS)
- React Native视频播放(iOS)