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

当前回答

一个更新

现在在windows上不需要运行react-native start。打包程序将自动运行。

2016-07-10 16:36:52

其他回答

有一件重要的事情需要检查，到目前为止还没有人提到: 检查你的本地防火墙，确保它是关闭的。

请看我的回答: https://stackoverflow.com/a/41400708/1459275

2016-12-30 18:14:58

从react-native目录运行npm start对我来说很有效。

2016-06-14 06:55:13

这是我的解决方案

以上的方法都不能解决我的问题，只能按照下面的步骤来做。添加network-security-config.xml文件

    <domain-config cleartextTrafficPermitted="true">
          <domain includeSubdomains="true">10.0.2.2</domain>
    </domain-config>
    ...

然后更新AndroidManifest.xml文件

<application
+   android:networkSecurityConfig="@xml/network_security_config"
    ...

2020-11-20 08:05:49

在尝试了这些答案的组合后，这是对我有用的。

我使用Genymotion作为模拟器。

1启动Genymotion模拟器。

2从终端

cd AwesomeProject
react-native run-android # it loads in genymotion and fails with bundle error
react-native start > /dev/null 2>&1 & # from dsissitka
adb reverse tcp:8081 tcp:8081 # from dsissitka

从模拟器重新加载。

它加载!

我现在可以开始显影了。

2015-09-24 04:15:40

一个更新

现在在windows上不需要运行react-native start。打包程序将自动运行。

2016-07-10 16:36:52

Android加载JS包失败

推荐文章

最新文章

标签