如何在webStorm上進(jìn)行真機(jī)調(diào)試？下邊以運(yùn)行Android為例。ios有不同的地方。

??調(diào)試分兩步：

debug配置。

運(yùn)行。

debug配置

點(diǎn)擊Edit Configurations。

2.點(diǎn)擊圖中的“＋”，在彈出的下拉菜單中選擇“React Native”。來添加一個(gè)配置，配置的界面如下圖右半部分。

3.編輯配置信息。name 可以自己隨便填，比如Android、Ios。Platform選項(xiàng)：可選是Android、Ios。底部“＋”，選擇“Run External tool”，配置 External Tools。

配置 External Tools。

點(diǎn)擊“＋”，彈出下圖，填寫配置信息。

紅框1：填 “react-native”。
紅框2：隨便填。
紅款3：點(diǎn)擊框后的“Insert Macro…”，在彈出的右側(cè)框中選“ProjectFileDir”，點(diǎn)“Insert”確認(rèn)。然后點(diǎn)其他框的“OK”及“Apply”即可。

運(yùn)行

點(diǎn)圖中藍(lán)框內(nèi)綠色按鈕運(yùn)行。

運(yùn)行中可能遇到的問題

問題一

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 haveset up your Android development environment:https://facebook.github.io/react-native/docs/android-setup.html

原因：

沒有安裝SDK。

沒有安裝Sdk23版本。

沒有配置或配置錯(cuò)誤SDK的變量環(huán)境。

解決方案：

下載SDK。

在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。

配置SDK環(huán)境變量。

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

問題二

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

原因：ADB Bridge創(chuàng)建失敗。
解決方法：1.端口被占用，重啟電腦。2.重啟adb，執(zhí)行：adb kill-server，adb start-server。

總結(jié)

以上是生活随笔為你收集整理的React Native开发学习笔记——WebStorm运行项目的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。