React-Native開發之BUG 總結_React-Native

 

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

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

 

不說了，直接上Bug

 

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

  Android之Windows下搭建React Native Android開發環境

 

問題：在第五步的時候輸入react-native init reactNative，即初始化項目的時候，提示：react-native不是內部或

外部命令，也不是可啟動並執行程式或批次檔。

 

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

 

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

                                                               NodeJS、NPM安裝配置步驟(windows版本)

 

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...進行安裝。可以在右下角點開詳細資料框，觀察是否安裝成功。

 

由於國內某牆的原因，如果不能更新，則需要設定鏡像，使用代理了。推薦一個網站，http://www.androiddevtools.cn/#userconsent

此網站 收集整理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、

問題：Could not connect to development server（Android）如下所示：

出現原因：串連不到伺服器。

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

React—Native開發之 Could not connect to development server（Android）解決方案