Android加载JS包失败

我试图在我的Nexus5 (android 5.1.1)上运行AwesomeProject。

我能够构建项目并将其安装到设备上。但当我运行它时，我看到一个红色屏幕，上面写着

无法下载JS包。您是否忘记启动开发服务器或连接设备?

在react原生iOS中，我可以选择离线加载jsbundle。我如何在Android上做同样的事情?(或者至少，我可以在哪里配置服务器地址?)

更新

要使用本地服务器运行，请在react-native项目根目录下运行以下命令

React-native start > /dev/null 2>&1 & Adb reverse tcp:8081 tcp:8081

请看disssitka的回答，了解更多细节。

要在没有服务器的情况下运行，可以运行以下命令将jsfile捆绑到apk中:

在android/app/src/main下创建一个assets文件夹旋度“http://localhost: 8081 / index.android.bundle吗?平台=android" -o "android/app/src/main/assets/index.android.bundle"

详情请看kzzzf的回答。

当前回答

我没有足够的声誉来评论，但这是指dsissitka的答案。它也可以在Windows 10上运行。

重申一下，这些命令是:

cd (App Dir)
react-native start > /dev/null 2>&1 &
adb reverse tcp:8081 tcp:8081

2015-11-03 17:33:06

其他回答

从项目目录中运行

react-native start

输出如下:

$ react-native start
 ┌────────────────────────────────────────────────────────────────────────────┐ 
 │  Running packager on port 8081.                                            │ 
 │                                                                            │ 
 │  Keep this packager running while developing on any JS projects. Feel      │ 
 │  free to close this tab and run your own packager instance if you          │ 
 │  prefer.                                                                   │ 
 │                                                                            │ 
 │  https://github.com/facebook/react-native                                  │ 
 │                                                                            │ 
 └────────────────────────────────────────────────────────────────────────────┘ 
Looking for JS files in
   /home/user/AwesomeProject 


React packager ready.

[11:30:10 PM] <START> Building Dependency Graph
[11:30:10 PM] <START> Crawling File System
[11:30:16 PM] <END>   Crawling File System (5869ms)
[11:30:16 PM] <START> Building in-memory fs for JavaScript
[11:30:17 PM] <END>   Building in-memory fs for JavaScript (852ms)
[11:30:17 PM] <START> Building in-memory fs for Assets
[11:30:17 PM] <END>   Building in-memory fs for Assets (838ms)
[11:30:17 PM] <START> Building Haste Map
[11:30:18 PM] <START> Building (deprecated) Asset Map
[11:30:18 PM] <END>   Building (deprecated) Asset Map (220ms)
[11:30:18 PM] <END>   Building Haste Map (759ms)
[11:30:18 PM] <END>   Building Dependency Graph (8319ms)

2015-09-14 20:32:10

以下是我在Ubuntu 14.04上使用它的方法:

cd (App Dir)
react-native start > /dev/null 2>&1 &
adb reverse tcp:8081 tcp:8081

更新:看

在设备上运行(Android) 设备警告被抑制?

更新2:@scgough我们得到这个错误，因为React Native (RN)无法从运行在我们工作站上的开发服务器获取JavaScript。你可以看到为什么会这样:

https://github.com/facebook/react-native/blob/42eb5464fd8a65ed84b799de5d4dc225349449be/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java#L116-L137

如果您的RN应用程序检测到您正在使用Genymotion或模拟器，它会尝试从GENYMOTION_LOCALHOST(10.0.3.2)或EMULATOR_LOCALHOST(10.0.2.2)中获取JavaScript。否则，它假定您正在使用一个设备，并尝试从DEVICE_LOCALHOST (localhost)获取JavaScript。问题是开发服务器运行在你的工作站的本地主机上，而不是设备的，所以为了让它工作，你需要:

从(设备的localhost):8081/tcp到(工作站的localhost):8081/tcp的转发流量。这就是adb命令的作用。告诉您的RN应用程序在哪里可以找到您的开发服务器。

2015-09-14 21:28:02

在同一终端上启动两个终端，第一个终端运行react-native Start，第二个终端运行react-native run-android，简单地解决了这个问题。祝你好运

2019-07-06 23:51:47

嘿，我正面临这个问题与我的反应原生裸露项目，IOS模拟器工作良好，但android一直给我这个错误。这里有一个可能的解决方案，对我来说很有效。

步骤1，通过在您的终端上运行:adb devices检查adb设备是否获得授权

如果未经授权，则运行以下命令

步骤2,sudo adb kill-server 步骤3,sudo adb start-server . sh

然后检查adb devices命令是否显示所附设备清单模拟器- 5554设备

而不是未经授权，如果它是设备而不是未经授权

步骤4，执行NPX react-native run-android

这在我的例子中是有效的。