React Native环境搭建（window）及坑处理

来源：互联网发布：照片打印软件哪个好编辑：程序博客网时间：2024/05/29 09:05

1.安装nodejs

a.https://nodejs.org/en/download/下载对应的版本

b.安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global

2.安装Android SDK

建议安装Android Studio包含了React Native应用所需的Android SDK，到http://www.androiddevtools.cn/下载Android Studio，提高下载速度

Android Studio 的具体配置参开以下网站：
http://reactnative.cn/docs/0.41/getting-started.html#content

3.安装java

具体配置参考以下：
http://www.runoob.com/java/java-environment-setup.html

4.安装react-native命令行工具

npm install -g react-native-cli

5.创建项目

react-native init MyProject

其他：

1.安装模拟器Genymotion

http://www.genymotion.net/question/details/Info_2.shtml

注意事项

A.安装模拟器Genymotion，下载模拟器包的时候由于国内墙，一直下载安装失败。

以下是处理方法：

方法一：

a、设置HTTP代理，在Setting->Network，自己设置HTTP proxy和Port，

方法二：

a、找到下载链接，直接用迅雷拖下来

 遇到下载失败或者下载太慢，win+R打开运行框，输入 %appdata%， 再点击上一步（Alt+↑ ），找到local文件夹里的Genymobile,打开 查看里面的genymotion.log文件，

找到类似下面的文字

[Genymotion] [Debug] Downloading file

“http://files2.genymotion.com/dists/4.1.1/ova/genymotion_vbox86p_4.1.1_151117_133208.ova”

将http://file……..ova 这个虚拟镜像地址直接用迅雷极下载，并把下载好的文件放到如下文件夹中`

C:\用户\你的用户名\AppData\Local\Genymobile\Genymotion\ova

再次打开模拟器添加你上次需要下载安装的模拟器版本，finish完就可以了

B.react-native run-android安卓运行（或模拟器运行）也是由于墙一直无法安装成功(无法安装下载gradle-2.4-all.zip)，速度慢，处理方法如下：

a.到http://www.androiddevtools.cn/这里找到gradle-2.4-all.zip下载

b.下载下来之后,不解压,放到以下目录

C:\Users\你的用户名.gradle\wrapper\dists\gradle-2.4-all\6r4uqcc6ovnq6ac6s0txzcpc0

c.重新运行命令:react-native run-android,如果第一步环境配置正确的话就可以正常了

C.真机安装后打开白屏，处理方法
设置->应用程序->打开你的安装的应用->权限->把悬浮球选项打开(on) 重启应用 ok,接着就是摇一摇打开菜单点进去设置设置自己安装app的ip，如：192.168.1.13:8081

0 0