码迷,mamicode.com
首页 > 其他好文 > 详细

第一个React Native程序踩到的那些坑

时间:2016-11-06 02:47:18      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:命令   get   成功   调试   网络   developer   blog   文件   推荐   

毫不夸张的说用React Native写一个Hello World !程序是我碰到最复杂的Hello World。网络上的有关的环境搭建相关的文档也很多,但是总是有这样那样的问题。

官方中文版的安装文档,windows环境搭建文字教程

原因可能有3个:

  1. 这个东西最早还是在Mac机上开发的,可能支持的会好一点,windows平台时间短。

  2. 网络被墙或不稳定,注册npm淘宝镜像会快很多,但是不能完全解决问题。

  3. 版本问题,Nodejs版本、React Native 版本、Android SDK 版本。。。。等等

问题总是有解决的方法,下面我说一下我踩到的坑:

一、按照文档上说的一路往下走,到react-native init MyProject 这一步可能会用问题,首先MyProject不能大写开头,其次这一步可能会让你无限的等下去,直到绝望,

没办法只能cancel掉,然后

    1.npm init

    2.npm install react-native --save

    3.node -e "require(‘react-native/local-cli/cli‘).init(‘.‘,‘myproject‘)"

二、 运行react-native run-android到这里可能是问题最多的。

   1.文档上面推荐用Genymotion模拟器测试,我也试过了,不简单而且很慢,最后还是用自己的手机连接,具体怎么打开USB调试开关可能每个设备还不一样。我用的是小米Note,问题在GitHub有人回答,最重要的一点是:go back to Developer options, scroll down to find Turn on MIUI optimization and disable it. Your phone will be rebooted。关闭到所有的电脑上的手机助手连接。用命令adb devices 能看到则说明连接成功,注意不能同时打开模拟器和手机设备。

   2.在安装Android SDK时,Tools/Android SDK Build-tools (23.0.1)(这个必须版本严格匹配23.0.1),这个文档上面也说了,一定要注意,react-native模板配置文件里面默认的是23.0.1版本的。

最后上一张安装成功的图片

技术分享

 

第一个React Native程序踩到的那些坑

标签:命令   get   成功   调试   网络   developer   blog   文件   推荐   

原文地址:http://www.cnblogs.com/liquanchun/p/6034410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!