离子在带有firebase的android设备上失败

Question

我正在尝试将火基添加到我的 ionic 项目中。 我添加了 JavaScript 文件

<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="https://cdn.firebase.com/js/client/2.2.4/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/1.1.3/angularfire.min.js"></script>
<script src="cordova.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>

然后将firebase 依赖项添加到我的应用程序中

angular.module('starter', ['ionic','firebase','starter.controllers'])

现在，在浏览器中一切正常。

但是当我在 android 设备上运行应用程序时 - 它卡在启动画面上。

如果我删除 firebase 依赖，一切都会很好。

可能是什么问题。

p.s 我正在使用所有最新版本的 ionic 等等...

谢谢。

Answer 1

我不确定您在 android 上运行时的错误是什么，但我遇到了类似的问题，解决方案是在您的 index.html 中添加一个标签来配置从您的应用程序访问白名单。我的代码如下：

<meta http-equiv="Content-Security-Policy" content="script-src * &apos;unsafe-eval&apos;; connect-src * &apos;unsafe-eval&apos;; object-src &apos;self&apos;; style-src * &apos;unsafe-inline&apos;; img-src * 'self' data:">

如果您想了解白名单插件，可以使用官方文档Plugin whiteList 并查看内容安全策略。