在 ios 13 上运行 Angular 9 应用程序的空白页

Question

我在 iPhone 上加载我的 Angular 9 应用程序时遇到问题，它加载到所有桌面浏览器和 android 设备中，只是在 iPhone 中得到一个空白页。 它在 polyfills-es2015 文件中引发了 promiseReactionJob 异常。运行最新的 iOS 版本（13.4.1）。 我在 index.html 中看到，脚本按预期加载。

<script src="runtime-es2015.c741d58c5f0062b819ef.js" crossorigin="use-credentials" type="module">    </script>
<script src="runtime-es5.c741d58c5f0062b819ef.js" crossorigin="use-credentials" nomodule defer></script>
<script src="polyfills-es5.1e423cd55d051bbc2156.js" crossorigin="use-credentials" nomodule defer></script>
<script src="polyfills-es2015.367a122fcc429806387a.js" crossorigin="use-credentials" type="module"></script>
<script src="main-es2015.80003c523586b89abce8.js" crossorigin="use-credentials" type="module"></script>
<script src="main-es5.80003c523586b89abce8.js" crossorigin="use-credentials" nomodule defer></script>

它是生产版本： ng build --prod

下面的错误：

或者，禁用 --prod

Answer 1

问题是由于 Safari/iOS 没有实现 addEventListener/RemoveEventListener，所以应用程序调用了未定义的方法并引发了异常。 My fix was to add an iOS check and call addListener and removeListener only on iOS as addEventListener/RemoveEventListener were not in fem2015/layout.js loaded by Safari on iOS (tried iOS >= 12).