在 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).