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的回答。

当前回答

从项目目录中运行

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

其他回答

嘿，我正面临这个问题与我的反应原生裸露项目，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

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

2020-03-30 20:42:03

在设备上运行

我找到了另一个答案。

adb reverse:仅适用于Android 5.0+ (API 21)。另一种方法:通过摇动设备打开开发人员菜单，进入开发设置，进入设备调试服务器主机，输入您的机器的IP地址和本地开发服务器的端口

2016-05-23 06:12:05

删除你手机上的App !我尝试了几个步骤，但最终还是成功了。

If you tried to run your app before but failed, delete it from your android device. Run $ react-native run-android Open the React Rage Shake Menu from within your app on your android device, go to Dev Settings and then to Debug server host & port for device. There enter your server IP (IP of your computer) and host 8081, e.g. 192.168.50.35:8081. On a mac you can find the IP of your computer at System Preferences -> Network -> Advanced... -> TCP/IP -> IPv4 Address. Open the Rage Shake Menu again and click Reload JS.

2016-01-14 12:53:50

我发现这很奇怪，但我有一个解决办法。我注意到每隔一段时间我的项目文件夹变成只读，我不能从VS.中保存它，所以我读了一个建议，将NPM从本地用户PATH转移到系统范围的PATH全局变量，它就像一个咒语。

2020-06-10 17:46:10

好吧，我想我知道问题出在哪里了。这和我当时扮演的守望者有关。

在一个新的shell中，运行brew update 然后:酿解守夜人然后:酿造安装守望者

现在，您可以从项目文件夹中运行react-native start

我让这个shell打开，创建一个新的shell窗口并从我的项目文件夹中运行:react-native run-android。世界一切都好。

ps.我最初玩的是3.2版的守望者。这将我升级到3.7。

pp。我是新手，所以这可能不是最快的解决方法，但对我来说很有效。

*在设备上运行/调试的更多信息

你可能会发现，如果你将应用部署到Android设备上，而不是模拟器上，你会看到一个红色的死机屏幕，错误提示无法加载JS Bundle。您需要为您的设备设置调试服务器为您的计算机运行react…名称或IP地址。

按设备菜单按钮选择Dev Settings 为设备选择调试服务器主机或更改包位置输入你的机器的IP和重载JS加上反应端口，例如192.168.1.10:8081