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

Question

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

Answer 1

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

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

步骤

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

   • adb devices
     示例：
     模拟器 5554 设备
     模拟器 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 应用程序中转到开发设置 [Mac 中的 Command + M 和 windows 中的 Ctrl + M。
  ** 在 emulator-5556 的调试部分下，在设备的调试服务器主机和端口中：
• 改为localhost:8088
  ** 这将更改应用程序以在本地主机中收听 metro-bundler：8088。

希望这对你也有帮助，因为我为了解决这个问题浪费了我 3 个小时。