為什么我的 angular 10 默認應用程序不會在 IOS 9.3.5 上顯示？

Question

I usually test my apps on my Ipad 2 that runs on IOS 9.3.5 also I'm using angular 10. I've just created a new app and when running it I get blank page on Safari and Chrome (I think they use the相同的 webkit)

看着Safari的控制台，它什么也沒說。 我在SO上遇到了其他類型的類似問題，但找不到解決方案

我唯一能說的是基本的 html 加載正常，但<app-root>內沒有任何內容。

順便說一句，該應用程序在最近的Android手機上運行良好。

我應該激活更多的 polyfills 嗎？

Answer 1

根據 Angular 文檔，它們僅支持最新的兩個主要 IOS 版本，即 13 和 12。

https://angular.io/guide/browser-support

如果你有Mac，可以嘗試在Safari中調試，這樣你就可以在控制台中看看有沒有錯誤再調試一下。

1. 從 Mac 上的 Safari、go 到 Preferences > Advanced，您應該會在底部看到“在菜單欄中顯示開發菜單”的復選框。
2. 通過電纜將您的 iphone 連接到計算機
3. 打開您的網站
4. 打開Safari，在新的開發欄中，你應該看到你的手機列出

您應該能夠從那里調試您的網站。

Answer 2

So I've updated to angular 10 As mentioned by @cjd82187 Angular doesn't take care natively old support based on es5 everything is now esm2015 so in order to make it work on my old Ipad I needed to add in my ts.config.base.json

"compilerOptions": {
     ...,
     target: 'es5',
     ...
}

我還在browserlistrc文件中添加了safari 9 。

Answer 3

對於之后閱讀此內容的任何人，對 JSmith 的“解決方案”的更正。 您必須將您想要支持的瀏覽器版本添加到browserslist文件中，但無需在 tsconfig.json 中將目標更改為tsconfig.json 。 這樣做，您將停用差異加載並失去其優勢。