React Native 搭建開發環境官方文件:reactnative.cn/docs/0.51/g…
環境搭建成功後按照官方文件 輸入以下命令:
react-native init AwesomeProject
//建立一個名字為AwesomeProject
cd AwesomeProject
// 進入AwesomeProject目錄
react-native run-android
// 在安卓裝置上安裝應用
此時會遇到問題:Cannot find entry file index.android.js in any of the roots
解決方法:
1. 在專案目錄 android ->app->src->main 中建立資料夾 assets
2. 在專案根目錄輸入命令:
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
之後在assets 下會建立兩個檔案index.android.bundle 、 index.android.bundle.meta
重新react-native run-android
會報錯:
could not connect to development server.
Try the follwing to fix the issue:*
解決方法:
1. 搖晃裝置彈出開發者選單, 選在Dev Setting 輸入計算機的內網IP 和服務的埠號 如:192.168.1.3:8081
2. 在使用yarn start 執行專案
3. 在裝置上開啟開發者選單 點選Reload 此時修改app.js 在裝置上會載入改變的內容。
確保你的裝置已經成功連線。可以輸入adb devices來檢視:
$ adb devices
List of devices attached
emulator-5554 offline # Google模擬器14ed2fcc device # 真實裝置
複製程式碼