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

Question

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

Answer 1

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

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

步骤

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

   • adb devices
     示例：
     模拟器 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 执行下一步

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

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

希望这对您也有帮助，因为我浪费了 3 个小时才弄清楚这一点。