react native小试身手

2015-12-24 21:56:00
hainuo
原创 5896
摘要:reactnative
今天在笔记本上弄了个reactnative的环境,之所以下定决心弄这个东西是因为他终于支持Android了。闲话不说按照官方指导上代码调试```#安装node 安装了的自动跳过brew install node #安装watchmanbrew install watchman#安装flowbrew install flow#安装react-nativenpm install -g react-native-cli //国外镜像源比较慢可以尝试淘宝豆瓣等国内源,自行百度吧#初始化项目react-native init reactnativeproj```然后使用xcode 打开 `reactnativeproj/ios/reactnativeproj.xcodeproj`,点击运行即可进行调试,有一点要注意在真机测试的事后会出现以下警告![](http://blog.hainuo.info/data/upload/201512/f_913322a60e8ab2cdda75ecadd26b75f8.png)```2015-12-24 22:12:39.756 [error][tid:main] Could not connect to development server.Ensure the following:- Node server is running and available on the same network - run 'npm start' from react-native root- Node server URL is correctly set in AppDelegateURL: http://localhost:8081/index.ios.bundle?platform=ios&dev=true```这时候修改下这个文件即可搞定文件位置`reactnativeproj/ios/reactnativeproj/AppDelegate.m```` jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];```将这里的`localhost`改为机器的地址即可,如果使用ios模拟器可以忽略。安卓的明天再试喽。。
评论列表
neil 2016-05-09 19:20:30 回复
我使用的是iphone模拟器,生成新的项目以后,运行就会出现这个错误!会是什么原因呢???
hainuo 2016-05-13 10:23:06 回复
第一 网址和端口 都检查过 正确吗? 其实手机端就是从这个URL获得一个超大的jsbundle文件 用于手机端执行,所有的运行环境都是安装在手机上了 模拟器也是一个道理 。
第二 你的宿主机器就是Mac电脑 是否开启服务了 如果没有请到项目根目录下使用命令
```
react-native start
```
开启服务
1/1
发表评论
捌 乘 柒 =
评论通过审核后显示。