WebStorm - React-Native App 模拟器不工作答案

【问题标题】：WebStorm - React-Native App simulator not workingWebStorm - React-Native App 模拟器不工作
【发布时间】：2018-05-25 07:23:48
【问题描述】：

我使用 WebStorm 创建了一个全新的 React-Native 应用程序。当我单击 Run -> iOS 在 iOS 模拟器中触发时，我没有看到 iOS 模拟器正在加载。我也没有看到任何错误。这是我运行项目后的屏幕截图。

现在我可以运行 react-native run-ios 来让 iOS 模拟器工作（顺便说一句，它可以工作），但我希望 WebStorm 启动模拟器，以便我可以在 WebStorm 中使用内置调试器。

【问题讨论】：

标签： ios react-native webstorm

【解决方案1】：

您使用哪些 webStorm 和 react-native 版本？看起来类似于WEB-29569，在 2017.3 中修复

【讨论】：

请注意，在使用 Node.js 8+ 调试 React Native 时，我强烈建议使用 Chrome 调试器进程而不是 Node
谢谢！！升级到 2017.3 对我有用。我花了 2 个小时试图解决这个问题。

【解决方案2】：

WebStorm 可能使用的不是最新版本的react native，导致 Xcode 版本出现问题。

首先您需要将您的 Xcode 升级到当前最新版本。

其次，你最好使用 Node JS 的稳定版本。

我建议您不要使用 WebStorm 创建应用程序。今天创建新应用程序的最佳方式是create-react-native-app 命令行工具。它将使用 expo kit 创建应用程序。由于应用程序将被初始化 - 运行npm start（或者更好的yarn start，如果你有它，因为yarn是npm的优化版本）。当它加载时，它将在终端中显示二维码，您应该使用您的设备阅读它，它将安装 Expo App 并在其中打开您的应用程序。你也可以按i来运行iOS模拟器。

这里是使用create-react-native-app 创建应用程序的简短文档。按照这个步骤，一切都会好起来的。 https://facebook.github.io/react-native/docs/getting-started.html

【讨论】：