React-Native windows环境搭建记录
1.安装jdk,SDK
Jdk下载地址:http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html
Sdk下载地址:http://tools.android-studio.org/index.php/sdk
jdk要1.8或以上。然后配置对应的环境变量。需要注意的一点是:jdk和jre不能安装到同一个目录下。
配置环境变量:
ANDROID_HOME:Android SDK Manager的位置(例如:D:\Android\sdk)
PATH: %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45
Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CLASSPATH+=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
之后在命令行输入:adb 测试是否配置SDK成功
2.对SDK进行设置
Android SDK Build-tools version 23.0.1 (保险起见我把23.的都下了)
谷歌镜像存在墙的问题,故:
使用国内镜像下载:
大连东软信息学院镜像服务器地址:
http://mirrors.neusoft.edu.cn 端口:80 已测试,可以使用



3,安装NODE,git,Python,android studio
直接上官网下载即可
下载地址:https://git-for-windows.github.io/
下载地址:https://www.python.org/downloads/release/python-2710/
下载地址:http://www.android-studio.org/
4.安装react-native命令行工具react-native-cli
创建一个React Native专用的文件夹,
进入该文件夹,在文件夹内打开系统命令行,输入:npm install -g react-native-cli
5,创建ReactNative项目
在React Native专用的文件夹进入系统命令行,输入react-native init AwesomeProject --version 0.51.0(下载指定版本的react-native项目)
6.运行该package
进入AwesomeProject文件夹内,在文件夹内打开命令行,
输入:react-native start
这时候用浏览器访问http://localhost:8081/index.bundle?platform=android,
如果可以访问表示服务器端,显示出一大堆代码,就表示你成功了。
这是很坑的一步,有时候会停在Loading dependency graph, done.不动了。
7,运行到模拟器上
先打开模拟器(我使用的是android studio的模拟器),保持能连接状态。
上一步的窗口留住,不要关闭(关闭就进不去那个网站了)。
再打开一个行的命令行窗口,输入:react-native run-android
8,遇到的问题
(1),无法检测到模拟设备,端口被占用

D:\android-sdks\platform-tools>adb kill-server --停止adb服务
D:\android-sdks\platform-tools>adb start-server --开启adb服务
查找设备列表:adb devices
(2),启动Android模拟器报错需安装Intel HAXM
重启计算机,进入开机界面前按F2/esc/del(不同的电脑不同的方式)进入到计算机的BIOS下,保证将Intel Virtual Technology设置为Enable状态(即允许虚拟机技术):

然后再回来安装HAXM即可:

(3),安装gradle报错
解决办法:1,首先 把对应版本的gradle载到本地任意一个磁盘里(本人这里是gradle-2.14.1-all),然后放在一个盘中
,2,然后替换项目中 android/gradle/wrapper/gradle-wrapper.properties 的 distributionUrl ,
即 distributionUrl=file\:///D:/gradle/gradle-2.14.1-all.zip (注意这里需要加上转义字符\)
3.然后就ok了
(4),无法下载资源列表
错误:Failed to download any source list!
java.net.ConnectException:Connection refused:connect
解决方法:下载以下配置包以及对应的sdk包

React-Native windows环境搭建记录的更多相关文章
- React Native iOS环境搭建
前段时间React Native for Android发布,感觉React Native会越来越多的公司开始研究.使用.所以周六也抽空搭建了iOS的开发环境,以便以后利用空闲的时间能够学习一下. 废 ...
- React Native的环境搭建以及开发的IDE
(一)前言 前面的课程我们已经对React Native的环境搭建以及开发的IDE做了相关的讲解,今天我们的主要讲解的是应用设备运行(Running)以及调试方法(Debugging).本节的前提条件 ...
- Android React Native 开发环境搭建---windows下
环境搭建 环境搭建可以参考RN官网,也可以参考中文版本:http://reactnative.cn/docs/0.45/getting-started.html 如果你希望可以看到原版的安装流程,可以 ...
- React Native Android 环境搭建
因为工作需要,最近正在学习React Native Android.温故而知新,把学习的内容记录下来巩固一下知识,也给有需要的人一些帮助. 需要说明的是,我刚接触React Native也不久,对它的 ...
- react native的环境搭建中常见问题
搭建完成android的环境,我们就可以继续我们的react native环境的搭建了. 当然,按照fb的安装流程来完成rn的搭建. http://facebook.github.io/react-n ...
- React Native开发环境搭建
安装Xcode 安装Homebrew 安装Android SDK 安装flow和watchman 安装nodejs 安装react-native-cli 安装Genymotion 安装Webstorm ...
- win10的react native 开发环境搭建,使用Android模拟器
1.打开cmd的管理员模式,win+X,选择命令提示符(管理员)即可,运行如下命令: @"%SystemRoot%\System32\WindowsPowerShell\v1.0\power ...
- React Native 开发环境搭建
1.安装 Python 2,不知道是否已支持 Python 3 2.安装 node,npm... 修改 npm 镜像,不建议使用 cnpm,cnpm 安装模块的路径与 npm 有差别 npm conf ...
- Window平台下React Native 开发环境搭建
1. 安装Node.js 2. 安装react-native-cli 命令行工具 npm install -g react-nativew-cli 3. 创建项目 $ react-native ini ...
随机推荐
- FCM算法的matlab程序
FCM算法的matlab程序 在“FCM算法的matlab程序(初步)”这篇文章中已经用matlab程序对iris数据库进行简单的实现,下面的程序最终的目的是求准确度. 作者:凯鲁嘎吉 - 博客园 h ...
- P1460 健康的荷斯坦奶牛 Healthy(DFS)
思路:这道题还是用了小小的剪枝,这里要注意的是该题有很多中构建树的顺序,但是,在这众多顺序中不一定都能保证输出的方案字典序最小. 构建搜索树:如图构建 剪枝,emmm,看代码: #include< ...
- 【css】max-height,min-height,height一起使用时,优先级问题
MDN说法: max-height 这个属性会阻止 height 属性的设置值变得比 max-height 更大. max-height 属性用来设置给定元素的最大高度. 如果height 属性设置的 ...
- windows下简单的缓冲区溢出
缓冲区溢出是什么? 当缓冲区边界限制不严格时,由于变量传入畸形数据或程序运行错误,导致缓冲区被“撑爆”,从而覆盖了相邻内存区域的数据 成功修改内存数据,可造成进程劫持,执行恶意代码,获取服务器控制权等 ...
- pytorch学习-AUTOGRAD: AUTOMATIC DIFFERENTIATION自动微分
参考:https://pytorch.org/tutorials/beginner/blitz/autograd_tutorial.html#sphx-glr-beginner-blitz-autog ...
- jenkins使用5----gi服务器搭建连接
♦安装git ♦服务器创建git用户 [root@localhost home]# id git id: git:无此用户 [root@localhost home]# useradd git [ro ...
- robotframework日志中文乱码,编译提示‘utf-8’ codecxxxx。
1.需要设置robotframework的语系 2.设置完后,需要重启robotframework才生效.它比较特别,什么改变都要重启才生效
- python:利用logbook模块管理日志
日志管理作为软件项目的通用部分,无论是开发还是自动化测试过程中,都显得尤为重要. 最初是打算利用python的logging模块来管理日志的,后来看了些github及其他人的自动化框架设计,做了个比对 ...
- JasperReport子报表参数传递
子报表参数传递 下图的参数名称可以自定义 再子报表新增一个同名称的参数即可
- Python股票分析系列——获得标普500的所有公司股票数据.p6
该系列视频已经搬运至bilibili: 点击查看 欢迎来到Python for Finance教程系列的第6部分. 在之前的Python教程中,我们介绍了如何获取我们感兴趣的公司名单(在我们的案例中是 ...