在不同端口运行多个 react-native 应用程序

Question

如何在一台机器上运行 Metro bundler 或 react-native 应用程序的多个实例？react-native 应用程序运行的默认端口是 8081。

Answer 1

这是解决方案，希望您不必经历同样的痛苦。

如果您想在调试模式下运行多个 react-native 应用程序，请按照以下步骤操作。默认情况下，metro bundler 在 8081 上运行。因此您必须将每个应用程序的端口更改为不同。

脚步

1. 首先列出您正在使用的设备

   • adb devices
     示例：
     emulator-5554 设备
     emulator-5556 设备

2. 在不同的端口上运行 react-native 应用程序。

   • react-native run-android --port 8081 --deviceId emulator-5556
   • react-native run-android --port 8088 --deviceId emulator-5554
     ** 默认情况下，emulator-5554 将尝试在 8081 上运行，并将显示错误。做下一步。

• 默认端口是 8081 所以，我们不需要在这之后为 emulator-5556 做额外的事情。
  为 emulator-5554 做下一步

3. 在开发设置中更改服务器和端口号

• 转到 react-native 应用程序中的 dev-setting [Mac 中的 Command + M 和 Windows 中的 Ctrl + M。
  ** 在 emulator-5556 的调试部分下，在调试服务器主机和设备端口中：
• 将其更改为localhost:8088
  ** 这将更改应用程序以在 localhost: 8088 中收听 Metro-bundler。

希望这也能帮助你，因为它浪费了我 3 个小时的时间来解决这个问题。