React native Android 示例不起作用

Question

我克隆了存储库：https://github.com/facebook/react-native 并尝试在 Android 模拟器上运行 UIExplorer 示例。

./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

我在 Android 模拟器上收到此错误消息：

Unable to download JS Bundle, Did you forget to start the development server or connect your device?

我知道这与这有点相似：

但是这里我不得不使用命令“./packager/packager.sh”来运行这个例子。所以上面的答案不适用于这种情况。

Answer 1

为了让应用能够下载 JS 包，打包器必须创建并提供 JS 包，并且模拟器必须能够连接到它。

要验证捆绑包是否已正确创建和提供，请尝试在网络浏览器中浏览至 this page。这应该连接到打包器并获得包作为答案。如果打包程序收到请求，则打包程序控制台中应出现以下请求消息：

<START> request:/Examples/UIExplorer/UIExplorerApp.android.bundle?platform=android

如果打包器创建了正确的包，它将 return 得到一个以 "__DEV__ = true; 开头的巨大文件。如果这两个步骤不起作用，则说明打包程序存在问题，您可以在 github.

上报告该问题

要验证模拟器是否可以连接到您的打包程序，当您点击 Reload JS 时，您应该会在打包程序控制台中看到与上述相同的请求消息。如果没有出现这样的消息，则模拟器无法连接到您的机器。

Answer 2

您的打包程序似乎无法从应用程序访问。 您应该首先启动 React Native Packager。 它可以通过多种方式完成 - 这取决于您的 OS 和项目，示例：

./packager/packager.sh
packager\packager.bat
npm start
react-native start
node "local-cli\cli.js" start
node node_modules/react-native/local-cli/cli.js start

还要检查项目中的打包程序配置（至少主机名和端口）。

React native Android 示例不起作用

React native Android Example does not work

react-native