如何在 WebStorm 的 Emulator 上运行 React Native 项目答案

【问题标题】：How to run React Native project on Emulator in WebStorm如何在 WebStorm 的 Emulator 上运行 React Native 项目
【发布时间】：2017-11-08 07:38:20
【问题描述】：

我正在使用 WebStorm IDE 开发我的 React Native Android 项目。我在他们的website 中遵循了这些步骤。但是没有办法与模拟器连接。当我运行项目时，它显示以下错误。

更新

【问题讨论】：

对于android，你必须在运行项目之前先运行模拟器。
是的，我已经从命令行运行了模拟器。但是这个错误显示
领域链接正确吗？您可以尝试运行：react-native link realm。
现在模拟器正在运行。我所做的是 1) 从 cmd.run from cmd 运行模拟器。 2）将端口设置为模拟器（emulator -port 8081 -avd Nexus_5X_API_23）。现在模拟器正在运行，但在模拟器Error calling Appregistry.runApplication上显示红色错误。我已经更新了我的帖子
我在 Windows 中遇到了一些问题。我所做的是我首先运行 npm start 先启动打包程序，然后运行 react-native run-android。

标签： android react-native webstorm

【解决方案1】：

当您尝试使用库等时，可能总是会丢失一些东西。我的建议是 npm 卸载领域并再次安装并检查 android 目录，如果它不是领域链接得体，请手动重新链接或使用以下代码 react-native 链接领域。

编辑更新后的帖子：尝试adb reverse tcp:8081 tcp:8081。如果您有远程调试问题，请尝试adb forward tcp:8082 tcp:8082

【讨论】：

我已经尝试过了。在我的终端中显示CANNOT TRANSLATE guest DNS ip .also WARNING: Requested adb port (8082) is outside the recommended range [5555,5586]. ADB may not function properly for the emulator. See -help-port for details.see update
我已经解决了这个问题。解决方案是在另一个端口启动`react-native start --port 9988`

【解决方案2】：

最好使用create-react-native-app 创建 react-native 应用并在 WebStorm 中打开创建的文件夹，而不是使用 WebStorm 创建应用。

这可能是由于 WebStorm 中使用的react-native 版本与您的 Android Studio 版本不兼容造成的。另外，我推荐使用稳定的 Node JS 版本。

create-react-native-app 是当今创建应用程序的最佳方式，因为它使用 expo kit 为您提供服务器之间的无线连接和在手机上开发应用程序。它始终使用最新版本的react 和react-native，为您提供稳定版本，完全不依赖WebStorm。

关注this steps 使用 expo kit 创建新应用。

【讨论】：

我在问题中看不到任何关于应用程序创建的内容。