使用webstorm为react native/expo应用程序脱胶

我无法在WebStorm中调试react native/expo应用程序，但可以在Visual Studio代码中调试。 我有一个react本机应用程序，可以使用expo成功运行。我根据此网站上的信息设置了配置：

当我单击“运行”或“调试”并关闭“远程调试JS”时，捆绑程序将构建一个JS捆绑包，应用程序将在我的设备上启动。 但一旦我打开“远程调试JS”，捆绑程序只会说：

通过执行以下命令启动自定义调试器：[我的工作目录][再次执行我的工作目录]

而且从不继续构建JS包。 过了一会儿，设备上出现了一个红色屏幕，上面写着：

无法连接远程调试器

连接到远程调试器时超时

on失败 DevSupportManagerImpl.java:851

on失败 WebsocketJavaScriptExecutor.java:83

跑步 WebsocketJavaScriptExecutor.java:142

扶手靠背 java:790

发送消息 java:99

bundler只说了上面的消息。 一旦我关闭远程调试，bundler就会再次开始构建，并以

“构建JavaScript捆绑包：在…毫秒内完成”

与往常一样，但该设备再次显示带有上述消息的红色屏幕，或者除了显示底部带有消息“DownLoad JavaScript bundle 100,00%”的常规白色屏幕外，什么也不显示。我要么在WebStorm中停止并重新启动，要么关闭expo应用程序并重新打开它。无论哪种方式都会使应用程序在我的设备上重新启动

这是我第一次使用javascript、react native、expo，所以我不确定，但应该可以直接在WebStorm中调试，对吗？如前所述，在VisualStudio代码中，包括调试在内的一切都可以正常工作，因此我认为代码中没有任何内容。也许这里有人知道问题出在哪里

节点-v:v11.6.0 react native-v:react native cli:2.0.1，react native:0.57.1

任何帮助都将不胜感激！提前谢谢

该问题的跟踪地址为，请跟踪更新

证明

如何 自您尝试后，似乎已更新了如何设置

配置

尝试将
捆绑机主机更改为
127.0.0.1
，然后重试


昨天我刚刚安装了WebStormV2020.2来调试我的Expo应用程序，它正在按预期工作


我只需要这些说明：

在主菜单上，转到运行|编辑配置，单击icons.general.add.svg并从列表中选择React Native。此时将打开运行/调试配置：React Native


选择是否希望WebStorm为您构建和启动应用程序：


如果您是第一次启动应用程序，或者自上次运行以来已更新其本机代码，请选中“生成并启动”复选框


如果您的应用程序使用Expo，请清除该复选框，因为此捆绑程序会自行处理该过程

如果选中“构建并启动”复选框，请选择目标平台、Android或iOS。根据您的选择，WebStorm将使用react-native-run ios或react-native-run android运行bundler


（可选）键入要传递给React Native的参数，例如，通过‑simulator标志指定模拟器类型：‑simulator=“iPhone 4s”


在Bundler主机字段中，指定React本机捆绑程序运行的主机，默认值为localhost


如果您使用的是Expo，请更改默认绑定器主机以确保与调试器成功连接。此连接可能会失败，因为WebStorm默认使用localhost启动调试，而Expo需要127.0.0.1或外部IP地址，具体取决于Metro bundler配置的连接字段中选择的内容。有关详细信息，请参阅调试使用Expo的React本机应用程序

在Bundler port字段中，指定React本机Bundler运行的端口，默认情况下选择8081，从React本机官方网站了解更多信息


选择要使用的Node.js解释器。这可以是本地Node.js解释器，也可以是Windows Subsystem for Linux上的Node.js


指定反应本机cli的路径和应用程序的工作目录。（可选）键入react native run android或react native run ios的环境变量


默认情况下，WebStorm在您调用运行/调试配置时自动启动React本机捆绑程序。如果您已经从WebStorm外部（例如，从命令行）启动了bundler，则可以在不停止和重新启动的情况下重新使用它。在“启动前”区域中选择绑定器，然后单击“删除”