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

当前回答

我只使用Ubuntu和Android，我无法让它运行。我发现了一个非常简单的解决方案，那就是更新你的包。Json文件，更改这行:

"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },

"scripts": {
    "start": "adb reverse tcp:8081 tcp:8081 && node node_modules/react-native/local-cli/cli.js start"
  },

然后通过输入命令运行服务器

npm run start

这确保android设备在您的计算机上查找节点服务器，而不是在本地手机上。

2016-04-23 11:30:35

其他回答

在新的React Native(当然是0.59)中，调试配置在android/app/src/debug/res/xml/react_native_config.xml中

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  <domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="false">localhost</domain>
    <domain includeSubdomains="false">10.0.2.2</domain>
    <domain includeSubdomains="false">10.0.3.2</domain>
  </domain-config>
</network-security-config>

2019-03-27 08:53:57

在android上的应用程序中，我打开菜单(Genymotion中的命令+ M) -> Dev Settings ->设备的调试服务器主机和端口

设置为:localhost:8081

这对我很管用。

2015-11-08 15:37:21

从项目目录中运行

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。

react-native run-android

模拟器(已经启动)将返回:无法下载JS Bundle;重新启动JS服务器:

react-native start

在模拟器上点击重载JS。这对我很管用。希望对大家有所帮助

2015-12-02 21:40:10

检查你的wifi连接。

另一种可能是你没有连接到wifi，连接到错误的网络，或者你的开发设置中的ip地址是错误的。出于某种原因，我的android与wifi断开了连接，我开始在不知不觉中得到这个错误。

2015-12-30 18:49:59

Android加载JS包失败

推荐文章

最新文章

标签