美文网首页
react-native开发环境搭建的坑

react-native开发环境搭建的坑

作者: 前端C罗 | 来源:发表于2016-09-07 14:10 被阅读163次

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

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

    相关文章

      网友评论

          本文标题:react-native开发环境搭建的坑

          本文链接:https://www.haomeiwen.com/subject/icjjettx.html