react-native开发环境搭建的坑

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目录

前前后后折腾了近一周,终于是将整个开发环境部署成功,一些坑记录下来,希望对大家有用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,344评论 25 709
  • 尽管在移动开发中,原生APP的开发成本很高,但现阶段基于原生开发仍然是必须的,因为Web的用户体验仍无法超越Nat...
    奔跑的大橙子阅读 10,738评论 0 11
  • 绿色之贵 不在于纯度多高 而在于它可生长
    文心访艺阅读 1,670评论 0 3
  • 本来想去长宁医院的 不过房东阿姨好心提醒 我不得不去中山医院 不知道要不要再去一次 随缘吧 身体最重要 讨厌不靠谱...
    角落蜷缩阅读 799评论 0 0
  • 小娟最近对一个男生展开猛烈的微信轰炸攻势。只是,任小娟如何狂轰滥炸,对方自岿然不动。 小娟有点委屈了。她记得有人说...
    素色欢颜阅读 5,837评论 0 5