一、React Native开发环境搭建（Windows+And
# Windows平台搭建React Native开发环境
## 1、安装Java
- JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本）
- 环境变量，变量名"JAVA_HOME"，变量值"d:\Java\jdk1.8.0_05"（即JDK的安装路径）
- 环境变量，变量名"Path"，在原变量值的最后面加上“;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin”
- 环境变量，变量名“CLASSPATH”,变量值“.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar”
## 2、安装Android SDK
- 设置环境变量，变量名"ANDROID_HOME"，变量值：“ E:\Android\sdk”
- 设置环境变量，变量名"Path"，变量值“%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools”
- 打开Android SDK Manager，安装SDK Tools
>
> 
>
- 如果以前就是写安卓原生开发的，上面的配置可以忽略
## 3、安装Node.js
- node.js轻量级的Web服务器
- 下载地址：https://nodejs.org/
- 安装完成后，打开cmd命令窗口，运行npm -v，如果安装成功可以看到安装的版本号
>
> 
>
## 4、安装React Native命令行工具
- 由于国外的npm服务器下载太慢了，为了提高下载速度得配置镜：
> npm config set registry https://registry.npm.taobao.org --global
>
> npm config set disturl https://npm.taobao.org/dist --global
- 下载 react-native-cli
> npm install -g react-native-cli
>
> 
>
> 安装完成后可以通过react-native --h查看帮助
>
> 
>
- 完成react-native-cli的下载，到这里我们就完成了所有的基础配置了
## 5、初始化React-native项目
- 到存放目标项目的路径下，执行react-native init AwesomeProject，AwesomeProject为项目名
- 建成功后，显示如下：
>
> 
>
## 6、运行项目
- 进入项目根目录，执行react-native run-android
> 图6
- 报错1：
> 手机界面错误提示：
> The development server returned response error code: 500
> URL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false
>
> 图7
>
>npm服务器端
>
> Loading dependency graph, done.
> error: bundling failed: Error: Unable to resolve module `@babel/runtime/helpers/
> interopRequireDefault` from `D:\RNProject\AwesomeProject\index.js`: Module `@bab
> el/runtime/helpers/interopRequireDefault` does not exist in the Haste module map
>
> 图8
>
- 报错1解决：
>
