关于官网配置react native 的步骤与坑

安装JDK

从Java的网官下载JDK并安装。请注意选择86还是64位版本。

推荐将JDK的仓目录加入系统PATH环境变量。

安装Android SDK

可以单独安装Android SDK，也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio，以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。

为了加速下载，推荐从AndroidDevTools下载。

然后进入SDKManager（可通过Android Studio菜单工具-Android-SDK Manager），确保以下项目已经安装并更新到最新：

• 工具/ Android SDK工具

• 工具/ Android SDK平台工具

• Tools / Android SDK Build-tools（23.0.1）（这个必须版本严格匹配23.0.1）

• Android 6.0（API 23）/ SDK平台（1）

• 附加/ Android支持库

• 额外/ Android支持存储库

推荐使用腾讯Bugly的镜像加速下载。查看说明

推荐将SDK的平台工具子目录加入系统PATH环境变量。

最后，把ANDROID_HOME环境变量设置为你的sdk所在目录。

安装git for windows

在这里下载安装，安装过程中注意选择"Run Git from Windows Command Prompt"。

安装的Python

从官网下载并安装python 2.7.x（3.x版本不行）

安装的node.js

从官网下载的node.js的官方5.x的版本或更高版本。

建议设置NPM镜像以加速后面的过程（或使用科学上网工具）。

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

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

安装反应本地命令行工具

npm install -g react-native-cli

创建项目

进入你的工作目录，运行

react-native init MyProject

并耐心等待数（或数十）分钟。

此时有坑，会报错：Cannot find entry file index.android.js in any of the roots，

原文在此

此时先进到项目里：C:\Users\MAIBENBEN>cd C:\Users\MAIBENBEN\MyProject

不要直接去运行，先执行以下命令去创建assets目录

C:\Users\MAIBENBEN\MyProject>mkdir android\app\src\main\assets

通过执行（这是一个命令） react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

命令会在assets目录下生成一个文件

这时候再执行C:\Users\MAIBENBEN\hello1>react-native run-android

会提示成功：

C:\Users\MAIBENBEN\hello1>react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
Loading dependency graph, done.
bundle: Writing bundle output to: android/app/src/main/assets/index.android.bundle
bundle: Done writing bundle output

等待数秒编译成功（前提是手机连上电脑或者模拟器已经打开）

此时看模拟器