Ionic emulate ios 仅适用于 --livereload答案

【问题标题】：Ionic emulate ios only works with --livereloadIonic emulate ios 仅适用于 --livereload
【发布时间】：2015-07-10 13:57:33
【问题描述】：

我正在构建一个简单的 ionic 应用程序，当我使用 ionic serve --lab 进行测试时，一切看起来都很棒，但是，当我尝试使用 ionic emulate ios 或 ionic emulate android 在模拟器上进行模拟时，该应用程序没有t 加载（似乎所有的 JS 都没有通过）。我能够附加调试器并且没有任何控制台错误。

但是，当我尝试使用 ionic emulate ios --livereload 运行应用程序时，一切似乎都运行良好。

我从头开始尝试了另一个示例应用程序以排除我的机器环境，它运行良好。

关于如何在没有 --livereload 的情况下让模拟器工作的任何想法？

【问题讨论】：

我和你有同样的问题，但似乎没有人有这方面的经验
我的第一张支票总是发给ionic platform remove ios 和ionic platform add ios。试过了吗？
你在模拟之前尝试过构建吗？
我也遇到了这个问题，在浏览器中运行良好，无需实时重新加载，当我在模拟器中尝试时，只是一个白屏，但我可以将文本添加到它正在加载的文件中......似乎是 JS 错误，但日志中没有任何内容
已经解决了问题？

标签： android ios ionic-framework ionic

【解决方案1】：

我今天遇到了同样的问题。我通过删除 ios 构建未检测到的某些角度依赖性来解决它。检查您的 jslint 是否有任何警告，这些警告可能会提供有关哪些依赖项可能被错误注入或丢失的更多信息。

有关详细信息，请参阅 Ionic 论坛上的 this comment。

【讨论】：

【解决方案2】：

在我的情况下，白屏死机是由于对 bower 组件的错误引用引起的。

对于我们的构建过程，bower 组件的相对位置是不同的，即“源”与应用打包到“www”时相比（bower 组件被复制到根目录）。

以下参考在应用提供时有效（如果您将鼠标悬停在 Chrome 检查器中的链接上，“..”将被删除），但在设备/模拟器上启动时无效：

<script src="../bower_components/angular/angular.js"></script>

实时重新加载有效，因为没有从设备的文件系统提供应用程序。相反，Ionic 是从主机提供服务的，并且可能会像在浏览器中测试时那样默默地忽略错误的相对路径（“..”）。

解决问题的路径如下：

<script src="bower_components/angular/angular.js"></script>

悬而未决的问题是为什么应用程序的任何组件都没有抛出明显的错误。

【讨论】：

【解决方案3】：

1。查找错误

像这样开始你的模拟

 $ ionic emulate android -l -c

这将模拟 livereload 并登录到您的控制台。

现在您应该看到导致错误的原因，并登录到终端。

2。缺少 Cordova 白名单插件？

通常缺少 Cordova 白名单插件。如您所见，here 只需执行以下步骤即可使此插件正常工作。

$ ionic plugin add https://github.com/apache/cordova-plugin-whitelist.git

如果尚未添加。

在您的项目根目录中打开您的config.xml 并将此行添加到<widget> 标记内。

<allow-navigation href="*" />

【讨论】：

【解决方案4】：

在我的情况下，问题是由我的 index.html 中的 <base href="/"> 引起的，这并没有阻止 Ionic 查找本地托管的文件（通过 --livereload），但完全阻止了 Ionic 在捆绑的 iOS 中查找文件或 Android 应用。

【讨论】：