如何使用 WebStorm 调试 React Native 应用程序？

问题描述投票：0回答：1

我是 React Native 的新手。我被调试困住了。调试应用程序的标准方法是什么？我的意思是我应该如何配置 WebStorm 调试器才能连接到正在运行的应用程序并在我在 IDE 中放置的断点处停止？

有没有办法将 WebStorm 调试器与 Flipper 一起使用（使用它而不是 Chrome）？

我目前使用 RN 0.70.6

react-native

webstorm

flipper

1个回答

0
投票

如果您使用 Hermes 引擎，您只需在 Webstorm 中设置“运行配置”即可。为此，请转到“运行”->“编辑配置”并设置 React Native 运行配置，并将其命名为您喜欢的任何名称，即“调试”。

确保选择“Hermes 引擎已启用”并取消选择“构建并启动应用程序”，然后单击“确定”。

设置运行配置后，像平常一样运行您的应用程序。在要调试的行上设置任何断点，然后在 IDE 的右上角，选择新创建的调试运行配置，然后单击“运行”按钮旁边的“调试”按钮。现在应该启动调试器并触发 WebStorm 中的断点。