初次接觸React Native遇到的問題

backlight發表於2018-06-09
       具體的搭建環境過程就不細說了,官方文件說的很詳細,按照文件一步步操作就可以,需要注意下Android Studio安裝和下載所需的SDK需要佔用很大空間大約20G,注意磁碟空間是否充足。

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 # 真實裝置
複製程式碼




相關文章