1. 程式人生 > >React-Native開發之BUG 總結

React-Native開發之BUG 總結

本部落格將詳細記錄在React-Native開發中所遇到的各種問題以及其解決方法。

個人感覺,React-Native開發初期真的是一腳一個大坑,分分鐘被虐趴下。

不說了,直接上Bug大笑

1、在Windows下搭建環境可以參考這個部落格。

問題:在第五步的時候輸入react-native init reactNative,即初始化專案的時候,提示:react-native不是內部或

外部命令,也不是可執行的程式或批處理檔案。

出現原因:前面的node沒有配置成功。

解決辦法:參考部落格,主要是Node_PATH環境變數沒有設定成功。

2、

問題:build專案時,即輸入react-native run-android 時出現 failed to find  Build Tools revision 23.0.1

,如圖所示:

出現原因:Android SDK沒有更新安裝完整。

解決辦法:設定SDK,安裝更新。

開啟Android SDK Manager。選中以下專案:
          Android SDK Build-tools version 23.0.1
          Android 6.0 (API 23)
          Android Support Repository
          Local Maven repository for Support Libraries

如圖所示:選中之後,點選右下角的 Install Packages...進行安裝。可以在右下角點開詳細資訊框,觀察是否安裝成功。

此網站 收集整理Android開發所需的Android SDK、開發中用到的工具、Android開發教程、Android設計規範,免費的設計素材等。

3、

問題:build專案時,即輸入react-native run-android 時出現 Unable to upload some APKs,如圖所示:

出現原因:App的配置中使用了bug比較多的版本的gradle,比如版本1.3.1.

解決辦法:在專案資料夾/android / build.gradle檔案中找到 com.android.tools.build:gradle:1.3.1。把它改成這

com.android.tools.build:gradle:1.2.3。當然了,其他版本的gradle也許也行。

 4、

問題:程式安裝成功後,出現大白屏,並且搖晃手機沒有出現目錄選項。

出現原因:手機本身對該應用的許可權導致的。

解決辦法:開啟手機設定—應用管理—找到剛安裝的應用—許可權管理—懸浮窗,開啟懸浮窗。

5、

問題:build success之後,出現大紅屏,搖晃手機之後,選擇Dev Settings,輸入電腦端 ip:8081後,app奔潰,停止執行。

出現原因:好無語呀,竟然是ip和8081之間的冒號出問題了。

解決辦法:將冒號改為英文格式的。

6、


出現原因:連線不到伺服器。

解決辦法:詳見本部落格中如下文章。