为什么我无法在我的Android设备上运行react-native应用程序？

Question

当我尝试在设备上运行react-native应用程序时出现此错误。

我做的步骤：

1. react-native init SampleApp
2. cd SampleApp
3. react-native run-android
4. react-native start

PS：首次尝试时，我成功运行了react-native app。现在我收到了这个错误。我搜索了很多，但还没找到解决方案。

Answer 1

通常，运行react-native run-android将打开另一个命令提示符以启动React Packager。

如果打包器以某种方式未正确启动，您可以尝试以下步骤：

1. 首先运行react-native start以手动启动打包服务器。
2. 运行react-native run-android，它将检测到打包程序正在运行，然后继续将应用程序部署到设备/模拟器中。

Answer 2

首先，您打开react-native本地数据包服务器：

react-native start或npm start。

如果仍有问题，可能是：

• IP地址可能有误。
• 手机无法访问IP地址

摇动您的设备显示菜单（或点击您的设备菜单），点击最后一项dev config设置您的计算机IP，如192.168.*.*:8081

Answer 3

原因是另一个应用程序需要端口8081，这是运行Metro Bundler所需的。在做了一些研究之后，我发现在运行“react-native run-ios / android”之前，有人做了“react-native start”来启动bundler。当我之前启动Bundler时，运行“react-native run-ios”是成功的。运行“react-native run-android”后，可以查看该应用程序。但是，在点击R重新加载应用程序后，它会显示404.

确保您的端口8081未被其他应用程序占用。如果是这样，每当我们输入“react-native run-ios / android”时，Bundler都可以自动启动。

当加载应用程序时，Bundler的窗口应该有一个进度条，显示在ios / android下加载bundle文件的细节。

BUNDLE [android，dev] ./ index.js▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓100.0％（481/481），已完成。