react-native开发环境搭建的坑
2016-09-07 本文已影响163人
前端C罗
React-native安装的那些坑
React-native 官网声称可以让前端开发者使用js和React开发出原生级的APP,对于前端开发和终端开发人员而言都是一个振奋人心的好消息。
作为一个热血前端,这么好的东西不去尝尝味道貌似也说不过去,好吧,打开React-native的官网按照上面的步骤开始试用。
痛苦的环境搭建过程
回顾一周的开发环境的搭建,只能用痛苦来形容,react-native的官方文档潇洒的一页文字对环境的搭建进行描述,具体几个步骤如下:
(windows下)
- 安装
jdk
- 安装
python 2.7.X
- 安装
android studio
- 安装
nodejs
- 安装
react-native-cli
- 安装
react
- 安装
react-native
问题1 没找到 .NET Framework 2.0 或者 visual c++ 5.0
编译环境:windows 10.0 系统
解决尝试:
- 下载 .NET Freamework2.0 64位的包,在win10下安装失败
- 下载vc6 安装包,安装成功,编译时依然提示上述问题
最终方案:重装系统为win8,编译问题搞定
问题2 执行react-native run-android命令后,“adb reverse xxx failed”
运行环境:
通过数据线连接到电脑的手机或安装的模拟器android版本都是4.x
原因分析:
android版本还不支持
解决方案:
使用android版本5.0+的手机或者模拟器
问题3 执行react-native run-android命令后,gradle编译生成apk时失败
原因分析:
gradle是使用机器上的android sdk,因此,编译时一定要使用react-native支持并且机器上已安装的sdk版本去编译apk文件
问题4 一直无法进行build或build失败
原因:未在系统变量中添加 ANDROID_HOME 的设置
解决方案:将ANDROID_HOME添加至系统环境变量中,并且指向android 的sdk目录
前前后后折腾了近一周,终于是将整个开发环境部署成功,一些坑记录下来,希望对大家有用。