Android:ReactNative环境搭建遇到的坑

来源:互联网 发布:神界3原罪 mac 汉化 编辑:程序博客网 时间:2024/05/20 00:50

ReactNative官网提供的环境搭建方式:http://reactnative.cn/docs/0.27/getting-started.html

按照官网提供的方式去走,直接使用XCode打开AwesomePrjoect/iOS/AwesomeProject.xcodeproj,IOS版本完美运行,但是到了Android端就没有那么顺心了,使用Android Studio打开去运行Android项目的时候,我X,一片红啊,什么鬼。
这里写图片描述
8081端口找不到?怎么会这样,我加载的应该是本地的HTML应该与网络无关才对啊?一脸茫然去网上各种搜,终于找到了解决方案。


原来需要运行一个 React的模拟服务,解决方案如下。

1、进入项目根目录,运行运行packager(服务端)

react-native start

2、保持packager开启,另外打开一个命令行窗口,进入项目根目录,然后在工程目录下运行

react-native run-android

3、摇晃设备或按Menu键可以打开调试菜单,点击Dev Settings,选Debug server host for device,输入你的正在运行packager的那台电脑的局域网IP加:8081(同时要保证手机和电脑在同一网段,且没有防火墙阻拦),再按back键返回,再按Menu键,在调试菜单中选择Reload JS,就应该可以看到运行的结果了。
这里写图片描述

然后使用WebStrom(官方推荐11以上,百度都提供破解方式了http://jingyan.baidu.com/article/c35dbcb0f97e5c8916fcbc8c.html)配合Android Studio就可以进行ReactNative开发编码了。

0 0
原创粉丝点击