android - React Native - 打包程序在演示应用程序 (Android) 上挂起转换 (100% 393/394)

Question

更新 - 这已在 0.18.1 版本中修复

尝试运行 tutorial使用 Genymotion 模拟器。

• React Native 0.18
• OS X 优胜美地
• Genymotion

react-native run-android 成功。按照教程，在模拟器中成功启动应用程序，直到我到达这一步:

var {
  AppRegistry,
  Image,
  StyleSheet,
  Text,
  View,
} = React;

应用程序启动时出现红屏死机(“无法下载 JS 包。您是否忘记启动开发设备...”)。在 react packager 日志中注意到以下内容:

React packager ready.
[1:31:52 PM] <END>   Crawling File System (1102ms)
[1:31:52 PM] <START> Building in-memory fs for JavaScript
[1:31:54 PM] <END>   Building in-memory fs for JavaScript (2263ms)
[1:31:54 PM] <START> Building in-memory fs for Assets
[1:31:56 PM] <END>   Building in-memory fs for Assets (2149ms)
[1:31:56 PM] <START> Building Haste Map
[1:31:58 PM] <START> Building (deprecated) Asset Map
[1:31:59 PM] <END>   Building (deprecated) Asset Map (742ms)
[1:31:59 PM] <END>   Building Haste Map (2676ms)
[1:31:59 PM] <END>   Building Dependency Graph (8194ms)
[1:32:09 PM] <START> request:/index.android.bundle?platform=android&dev=true
[1:32:09 PM] <START> find dependencies
[1:32:09 PM] <END>   find dependencies (182ms)
[1:32:09 PM] <START> transform
transforming [========================================] 100% 393/394[1:32:44 PM] <START> request:/index.android.bundle?platform=android&dev=true

注意 - 卡在 393/394(即使它说 100%)。

我知道 this issue ，通过 adb reverse tcp:8081 tcp:8081 解决，但我在模拟器上运行，我认为这在这里不适用。

我已经在 React Native github 上提出了一个问题，但我想看看是否有其他人看到并通过了它。

编辑:React Native 团队已确认这是 .18 的一个未解决问题，链接位于此处，以防有人偶然发现并想要跟踪它。

My original ticket, closed in favor of...

The current ticket

Answer 1

这可能是与打包程序相关的问题。因此，如果您尝试使用其他版本的 React Native，问题很可能会消失。或者您可以尝试在浏览器中访问 localhost:8081 以验证您是否可以看到 bundle js 的内容。