ReactNative端口8081问题:403禁止

时间:2019-01-15 14:18:46

标签: javascript android windows reactjs react-native

在Windows上使用ReactNative开发时,出现了403错误以下的消息。这是因为ReactNative默认使用的端口8081正在被另一个程序使用。以我为例,这是McAfee(感谢McAfee加大了难度)。

运行项目的命令:react-native run-android

enter image description here

1 个答案:

答案 0 :(得分:1)

我进行了很多搜索,终于找到了如何在其他端口上运行该项目的方法。如果您安装了任何防病毒软件,则在开发过程中禁用防火墙或通过设置手动允许连接可能会有所帮助。

  1. 在其他端口上启动ReactNative

    react-native start --port 9080

  2. 这将打开一个新的命令提示符,并在端口9080上启动Metro bundler(您可以使用所需的任何其他端口)。等待依赖关系图完全加载。

  3. 现在在另一个命令提示符(项目目录)中,使用以下命令在设备上构建和安装应用程序

    react-native run-android

  4. 现在,将应用程序加载到设备上后,您将看到403错误以及红色屏幕。要使设备在其他端口上进行通信,请使用以下命令。

    adb反向tcp:8081 tcp:9080

或者如果您连接了多个设备,请提供设备ID(例如FA6AA0301277)

adb -s FA6AA0301277 reverse tcp:8081 tcp:9080

要了解连接的设备列表,请使用以下命令

adb devices

就这样,现在您应该可以看到索引页面了:) 快乐编码:)