React Native环境搭建

一、安装JDK

• 1.1 在该网站http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载jdk安装包
• 1.2 双击安装
• 1.3 环境变量，系统变量，新建JAVA_HOME变量，值为jdk路径（如：D:\Program Files\Java\jdk1.8.0_102）
• 1.4 新建CLAsspATH变量，变量值填写.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar注意最前面有一个点
• 1.5 找到Path变量，编辑，在后面加入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
• 1.6 检测是否配置成功，运行cmd输入java -version能显示出java版本出来说明安装和配置成功

二、安装Android Studio

• 2.1 下载Android Studio下载地址
• 2.2 采用默认设置安装
• 2.3 安装完成后，在Android Studio的欢迎界面中选择Configure | SDK Manager
  
• 2.4 在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google Apis、Android SDK Platform 23、Sources for Android SDK、Intel x86 Atom System Image、Intel x86 Atom_64 System Image、Google Apis Intel x86 Atom System Image、Google Apis Intel x86 Atom_64 System Image
  
• 2.5 在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。（必须是这个版本）
  
• 2.6 环境变量新建ANDROID_HOME变量，值为安装的Android SDK的路径
  
• 2.7 将手机连接到电脑，在命令行输入adb devices看到下图所示即代表成功
  

三、安装Python 2.7.xx

四、安装Node

五、安装React Native命令行工具

• 5.1 npm install -g react-native-cli

六、测试安装

命令行输入

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

七、遇到的问题

7.1 执行Downloading https://services.gradle.org/distributions/gradle-2.4-all.zip时报错

解决方法：复制报错的下载链接，用迅雷下载， 将项目地址中的AwesomeProject/android/gradle/wrapper/gradle-wrapper.properties中的distributionUrl=https://services.gradle.org/distributions/gradle-2.4-all.zip改为distributionUrl=file:///E:/gradle-2.4-all.zip（后面为gradle-2.4-all.zip在本地的保存路径）

7.2 遇到Execution Failed for task ':app:processDebugResources'.问题

解决方法：回到第二步，将2.4步的7个安装包全都安装上

7.3 遇到Execution Failed for task ':app:installDebug'.问题

:app:installDebug
Installing APK 'app-debug.apk' on 'Redmi Note 2 - 5.0.2'
Execution Failed for task ':app:installDebug'.

解决方法：
+ 7.3.1 进入手机的 设置 关于手机 连续点击 Miui版本 7次，成为开发者
+ 7.3.2 设置 更多设置 开发者选项 启用USB调试，拉到最底部，关闭 启用Miui优化，重启手机
+ 7.3.3 将android/build.gradle文件中的classpath 'com.android.tools.build:gradle:1.3.1'改为classpath 'com.android.tools.build:gradle:1.2.3'

7.4 程序白屏

解决方法：设置 –> 其他应用管理 –> 已下载 –> 点击AwesomeProject –> 权限管理 –> 显示悬浮窗 –> 允许

7.5 红屏报错

解决方法：摇晃手机，打开调试菜单，点击Dev Settings，选Debug server host for device，输入正在运行packager的那台电脑的局域网IP加:8081，再按back键返回，再摇晃手机，在调试菜单中选择Reload JS，就应该可以看到运行的结果了。

7.6 adb devices时出现error: cannot parse version string: kg01错误

解决方法：

adb kill-server
adb start-server
adb devices

7.7 安装应用时出现INSTALL_PARSE_Failed_INCONSISTENT_CERTIFICATES错误

解决方法：卸载已经安装了相同的应用

八、参考链接

1.windows下搭建react-native踩过的坑
2.Failed to establish session · Issue #6499 · facebook/react-native
3.在Windows下搭建React Native Android开发环境
4.React Nactive 搭建开发环境
5.android - INSTALL_PARSE_FAILED_INCONSISTENT_CERTIFICATES on adb install - Stack Overflow

原文地址：https://www.jb51.cc/react/306258.html