React Native环境搭建(Windows)

React Native搭建环境中遇到的相关问题记录
1,按照中文网搭建开发环境文档,逐步进行
http://reactnative.cn/docs/0.46/getting-started.html#content
(PS:其实过程很简单,但是由于之前从未接触过,期间也发生了不少问题)
2,首先,可以参考他的视频教程
https://v.youku.com/v_show/id_XMTQ5OTE3MjkzNg==.html
http://v.youku.com/v_show/id_XMTQ4OTYyMjg4MA==.html?from=s1.8-1-1.2
在视频教程里,一些步骤与文档不同,首先是省略了Chocolatey的安装;直接安装的node和Python
3,其中,NodeJS(>4)、Python(2)、Android Studio(>2)、java jdk(>1.8)注意一下版本即可;
4,必须安装项完成之后,到可选安装项,安装Git、Genymotion.
在此次安装过程中,问题基本卡在Genymotion上。
5,遇到的相关问题
(1)首先,Genymotion对个人用户免费,所以注册时需要注意,注册完成后,要留意邮箱验证。
(2)init 项目时,不要在命令行默认的System32目录中(文档中有说)
(3)测试安装:
1)react-native init aaa

Paste_Image.png

初始化项目成功;
2)此时需要打开Genymotion,设备版本最低最好在4.0以上,以下为当时下载的几个设备
Paste_Image.png

3)开始设备后,react-native run-android(注意node窗口不要关闭)
但是选择上边两个设备时出现了以下错误:
Paste_Image.png

网上搜了一下,据说小米的真机开始也会存在这个问题(据说是修改开发者模式里的啥,忘记了)
解决:修改下Genymotion的ADB配置,用android-sdk替换原来默认的Genymotion的sdk。
Paste_Image.png

但是,当时我是换了另一个4.3的设备,也出来了效果
Paste_Image.png

这里,需要注意,打开开发者模式,选择下边选项,输入正在运行该设备的IP和端口号,端口默认8081;
Paste_Image.png

Paste_Image.png
Paste_Image.png

4)至此,基本就完成了,点击调试,就可以到谷歌调试界面


Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容