React-Native android在windows下的踩坑记

1、安装NodeJS开发环境
安装流程参考:http://blog.csdn.net/itpinpai/article/details/48103845
注意:node和npm最好到官方网站下载安装最新版本,后面就会少一些坑。npm官方的源不稳定,我们可以使用国内淘宝的源http://registry.npm.taobao.org/
执行下面的命令即可:
npm config set registry=http://registry.npm.taobao.org/

2、安装Git版本控制
安装流程参考:http://blog.csdn.net/itpinpai/article/details/48105445

3、安装Androud Studio
下载android SDK(Android SDK Build-tools version 23.0.1要安装),配置环境变量ANDROID_HOME/JAVA_HOME等,Gradle版本最好是最新版本,且配置好环境变量。
搞过android都懂,略过...........

4、安装React-native-cli
npm install -g react-native-cli

5、初始化项目
react-native init reactNative
注意:此处如果node为最新版本,就会很顺。

前面步骤都没什么问题。

6、react-native start

React-Native android在windows下的踩坑记_第1张图片
IMG20170119_110858.png

一切正常了,你可以在浏览器里访问:http://localhost:8081/index.android.bundle?platform=android
到此,浏览器上你看到的也许和我的一样,如图:

React-Native android在windows下的踩坑记_第2张图片
截图2017119111116.png

我们想把这个项目运行到android设备上,继续填坑.............

7、新建一个dos窗口,切换至项目目录下:react-native run-android

React-Native android在windows下的踩坑记_第3张图片
IMG20170119_111323.png

这个会有点慢,耐心等待,因为要下载安装gradle,安装好后坑就来了。
报错信息我已经框出来了,也说得很清楚了。不能find Build Tools Version 23.0.1,我们就去SDK Manager中去安装一个23.0.1版本的。
还有一个办法就是找到 /项目目录/android目录gradle配置中修改buildToolsVersion,如图:


React-Native android在windows下的踩坑记_第4张图片
截图2017119112024.png

坑一:我们继续cmd命令:react-native run-android

React-Native android在windows下的踩坑记_第5张图片
IMG20170119_111334.png

报错信息很明显:不能下载imagepipeline.aar,一种办法就是开启VPN继续下载。


React-Native android在windows下的踩坑记_第6张图片
截图2017119121412.png

如果你genymotion,下面的可能能解决你的问题:


React-Native android在windows下的踩坑记_第7张图片
截图2017119145742.png

但我用的是android模拟器,所以还得继续找答案:
Error:Could not find com.android.tools.build:gradle:2.2.1.
Searched in the following locations: file:/D:/Program Files/Android/android-studio/gradle/m2repository/com/android/tools/build/gradle/2.2.1/gradle-2.2.1.pom file:/D:/Program Files/Android/android-studio/gradle/m2repository/com/android/tools/build/gradle/2.2.1/gradle-2.2.1.jar https://jcenter.bintray.com/com/android/tools/build/gradle/2.2.1/gradle-2.2.1.pom https://jcenter.bintray.com/com/android/tools/build/gradle/2.2.1/gradle-2.2.1.jar

后来尝试后找到的解决方法为:
1、进入D:/android-studio/gradle/m2repository/com/android/tools/build/gradle/,查看当前已有内容如下


React-Native android在windows下的踩坑记_第8张图片

2、于是在build.gradle中做如下修改


React-Native android在windows下的踩坑记_第9张图片

3、sync后解决。

坑二:继续react-native run-android

React-Native android在windows下的踩坑记_第10张图片
截图2017120152920.png

解决办法:


React-Native android在windows下的踩坑记_第11张图片
截图2017120153043.png

坑三:

成功运行!!!


React-Native android在windows下的踩坑记_第14张图片
sss.png
React-Native android在windows下的踩坑记_第15张图片
sssssssssssssss.png
React-Native android在windows下的踩坑记_第16张图片
屏幕快照 2017-03-05 15.05.41.png

错误关键词:Execution failed for task ':app:mergeDebugResources'.

解决方式
我们可以用代码去除掉android studio对png格式文件的检测,这样系统就不会检测png格式的资源文件了。

找到app->build.gradle文件并打开,在buildToolsVersion属性下添加如下代码

aaptOptions.cruncherEnabled = false
aaptOptions.useNewCruncher = false

你可能感兴趣的:(React-Native android在windows下的踩坑记)