Ionic v4“部署”更新 - 安装后出现白屏答案

【问题标题】：Ionic v4 "Deploy" update - white screen after installationIonic v4“部署”更新 - 安装后出现白屏
【发布时间】：2019-04-11 09:36:26
【问题描述】：

我正在尝试将我的 Ionic 应用程序设置为使用 Ionic Pro“部署”更新服务，但是当实际安装更新并且应用程序尝试重新加载时它会挂起。

我在我的 Android 8.0 平板电脑上安装了一个基本应用程序，并将该应用程序的略微更新版本推送到 Ionic Pro 部署服务。我可以在 Ionic Pro 仪表板上看到此更新。我的应用程序可以看到更新、下载并解压缩。

但是一旦我触发“reloadApp()”函数，它就会显示一个白屏并且应用程序不会加载。 Chrome 的远程设备工具的控制台上没有出现错误。控制台说“Ionic Native：deviceready”事件已触发，但没有别的。即使我强制关闭并完全重新加载应用程序也是如此 - 更新过程会破坏应用程序，并且需要完全重新安装。

有什么想法吗？

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

很遗憾，Ionic Pro 目前并未正式支持 Ionic v4（测试版）应用程序。你可以在他们的zendesk上看到一篇关于这个的文章（需要注册才能查看）https://ionic.zendesk.com/hc/en-us/articles/360008696153-2018-08-29-Status-of-Ionic-v4-support-in-Ionic-Pro

如链接中所述，您遇到的问题可以通过执行以下操作来解决，但不建议在生产应用上执行此操作：

Users are welcome to test Deploy with v4 apps on non-production projects.
If you wish to test live updates, you will need to manually add cordova.js to index.html in your src directory:
<!-- cordova.js required for cordova apps (remove if not needed) -->
<script src="cordova.js"></script>

他们的 repo 上还有一个未解决的问题：https://github.com/ionic-team/cordova-plugin-ionic/issues/150

【讨论】：

我意识到了这一点，并且在我的 index.html 页面中包含了 cordova.js 脚本标签。没有它，我的应用程序会警告未安装 cordova-plugin-ionic。当我确实包含它时，我的应用程序会进入一个白页，控制台报告 Ionic 触发了 deviceready 事件，但在那之后实际上没有发生任何事情——没有加载任何 HTML，也没有向用户显示任何内容。看来脚本标签不是这个问题的解决方案。