反应本机更改侦听端口

7 回答

• 0

  不确定这是否已记录[1]，您可以通过CLI参数指定端口，如下所示：

  react-native start --port 9988
  

  我在源代码中找到它，它在我的本地机器上运行:)

  https://github.com/facebook/react-native/blob/master/local-cli/server/server.js#L30

  ---

  [1]现在记录在这里：https://facebook.github.io/react-native/docs/troubleshooting#using-a-port-other-than-8081

  回复于 2024-04-25T23:44:58+08:00
• 25

  我知道现在已经很晚了，但是，还有另外一种方法可以永久地改变你的港口 .

  转到your_app \ node_modules \ react-native \ local-cli \ server \ server.js并将端口8081更改为8088

  这将是这样的

  ...
        module.exports = {
        name: 'start',
        func: server,
        description: 'starts the webserver',
        options: [{
          command: '--port [number]',
          default: 8088,
          parse: (val) => Number(val),
        }
       ...
  

  回复于 2024-04-25T23:44:58+08:00
• 0

  花了一整天并经历了许多解决方案后，这些建议的组合帮助我解决了这个问题 . 请按照以下步骤操作：

  • 使用以下命令创建项目：'react-native init [PROJECT_NAME]'

  • 在Xcode中打开项目并将所有出现的“8081”替换为“8088”并保存更改

  • 打开终端并将工作目录更改为上面创建的项目目录 . 使用以下命令更改响应本机使用的端口：react-native start --port 8088

  运行此命令后，您会在终端中看到以下输出：

  

  如您所见，这将启动Metro实例 . 不要杀死命令或终端窗口 . 让这个过程运行 .

  • 打开一个新的终端窗口，将工作目录更改为项目目录，并使用以下命令运行react-native项目：

  反应原生的run-ios

  项目在第二个终端上成功构建后，您将看到一个进度条，指示在第一个终端窗口中加载应用程序包，如下所示：

  
  加载捆绑包完成后，应用程序在模拟器上成功启动

  希望这可以帮助 . 快乐的编码

  回复于 2024-04-25T23:44:58+08:00
• 8

  您可以使用此react-native-port-patcher将默认的8081端口替换为所需的端口号 .

  回复于 2024-04-25T23:44:58+08:00
• 1

  设置 RCT_METRO_PORT ，示例：

  export RCT_METRO_PORT=8765
  

  回复于 2024-04-25T23:44:58+08:00
• 0

  按照步骤 ：

  Step 1:

  vim node_modules/react-native/local-cli/server/server.js
  

  Step 2 : 更改默认端口 - 任何其他端口//示例 - > 8089

  Step 3 : 返回项目 - >并开始执行npm

  回复于 2024-04-25T23:44:58+08:00
• 0

  export RCT_METRO_PORT=8082
  react-native start --port $RCT_METRO_PORT
  react-native run-ios
  

  https://facebook.github.io/react-native/docs/troubleshooting#using-a-port-other-than-8081

  回复于 2024-04-25T23:44:58+08:00