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。