react native小試身手

2015-12-24 21:56:00
hainuo
原創 5995
摘要: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
發錶評論
叄 加 壹 =
評論通過審核後顯示。