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开发编码了。
- Android:ReactNative环境搭建遇到的坑
- 近期搭建ANDROID ReactNative 遇到的各种坑
- ReactNative开发环境搭建过程及遇到的问题
- Windows环境下Android的ReactNative开发环境搭建
- Windows 环境下Android ReactNative环境搭建
- ReactNative---WebStorm 环境配置------遇到的坑点
- ReactNative for Android 之 windows环境搭建
- ReactNative环境搭建(Windows+Android Studio)
- Android Studio环境下搭建ReactNative
- ReactNative Windows Android开发环境搭建
- ReactNative环境搭建(Windows+Android Studio)
- iOS ReactNative环境配置搭建安装React-Native遇到的问题
- Mac下ReactNative的环境搭建
- win7下ReactNative的环境搭建
- 关于ReactNative环境搭建中的坑
- ReactNative 环境搭建
- MAC ReactNative环境搭建
- ReactNative 开发环境搭建
- 软件开发环境-开发环境、测试环境、生产环境的区别
- ipsec(AH和ESP)
- 关于wmare虚拟机作为php服务器,主机无法ping通虚拟机,以及显示Fullcalendar日历
- 选美比赛
- oracle 查看对象空间信息
- Android:ReactNative环境搭建遇到的坑
- 序列化与反序列化
- listener does not currently know of SID given in connect descriptor
- NSURLCache一些缓存策略值
- C# 给Word文档添加内容控件
- Bootstrap tutorial: A responsive design tutorial with Twitter Bootstrap 3
- oracle11g主备库切换
- 四、自增自减运算符重载
- android studio 代码混淆