React Native開發學習筆記——WebStorm運行項目

如何在webStorm上進行真機調試？下邊以運行Android爲例。ios有不同的地方。

  調試分兩步：

1. debug配置。
2. 運行。

debug配置

1. 點擊Edit Configurations。
   
   2.點擊圖中的“＋”，在彈出的下拉菜單中選擇“React Native”。來添加一個配置，配置的界面如下圖右半部分。
   
   3.編輯配置信息。name 可以自己隨便填，比如Android、Ios。Platform選項：可選是Android、Ios。底部“＋”，選擇“Run External tool”，配置 External Tools。
   
2. 配置 External Tools。
   
   點擊“＋”，彈出下圖，填寫配置信息。
   
   紅框1：填 “react-native”。
   紅框2：隨便填。
   紅款3：點擊框後的“Insert Macro…”，在彈出的右側框中選“ProjectFileDir”，點“Insert”確認。然後點其他框的“OK”及“Apply”即可。

運行

點圖中藍框內綠色按鈕運行。

運行中可能遇到的問題

問題一

Could not install the app on the device, read the error above for details.

Make sure you have an Android emulator running or a device connected and have

set up your Android development environment:

https://facebook.github.io/react-native/docs/android-setup.html

原因：

1. 沒有安裝SDK。
2. 沒有安裝Sdk23版本。
3. 沒有配置或配置錯誤SDK的變量環境。

解決方案：

1. 下載SDK。
2. 在SDK Manager的SDK Platforms窗口中，選擇Show Package Details，然後在Android 6.0 (Marshmallow)中勾選Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
3. 配置SDK環境變量。

注意：配置完成後，需要重啓電腦才能生效。

問題二

com.android.builder.testing.api.DeviceException: Could not create ADB Bridge.

原因：ADB Bridge創建失敗。
解決方法：1.端口被佔用，重啓電腦。2.重啓adb，執行：adb kill-server，adb start-server。