javascript - React Native 端口 8081 问题 : 403 Forbidden

Question

在 Windows 上使用 ReactNative 进行开发时，出现低于 403 的错误。这是因为 ReactNative 默认使用的 8081 端口被其他程序占用了。在我的例子中是 McAfee(感谢 McAfee 让这更难)。

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

Answer 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

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