搭建React Native開發環境遇到的幾個問題

根據http://blog.csdn.net/itpinpai/article/details/50809068這篇文章初步搭建React Native 開發環境, 遇到幾個問題

• 首先端口可能被佔用了, 訪問8081時提示沒法訪問

解決方法: 在運行react-native start時添加參數--port 8899, 或者在package.json中修改"scripts"中參數, 添加端口號, 或者修改項目下的node_modules\react-native\local-cli\server\server.js下的方法_server的default 端口值

• adb devices找不到鏈接設備

解決方法: 使用Genymotion時, 首先sdk中的 platform-tools 須要加入環境變量, 而後在Genymotion中,點擊Setting,選擇ADB選項卡,點擊Use custom Android SDK tools,瀏覽本地SDK的位置,點擊OK,就能夠了,啓動虛擬機後, 在cmd中輸入adb devices能夠查看.

• 紅屏問題"Could not get BatchedBridge, make sure your bundle is packaged correctly"

解決方法: 主要就只遇到這一個問題, 更改ip和port沒有解決了, 後來在package.json中的"scripts"中添加"bundle-android":"react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --sourcemap-output android/app/src/main/assets/index.android.map --assets-dest android/app/src/main/res/",若是沒有assets目錄,手動添加下,不過運行時沒有效果, 在cmd中手動執行下, assets目錄中會多出幾個文件, 便可解決這個問題

• 如何使用每天模擬器調試Android程序

解決方法: 在cmd中打命令：adb connect 127.0.0.1:6555 其中6555是每天模擬器的端口. (感受Genymotion不怎麼流暢, 使用每天模擬器後感受不錯)