为什么我的 angular 10 默认应用程序不会在 IOS 9.3.5 上显示?

Why is my angular 10 default app won't show on IOS 9.3.5?

我通常在运行在 IOS 9.3.5 上的 Ipad 2 上测试我的应用程序,我也在使用 angular 10。 我刚刚创建了一个新应用程序,当 运行 它时,我在 SafariChrome 上得到空白页面(我认为他们使用相同的 webkit)

查看 Safari 的控制台,它什么也没说。 我在 SO 上浏览了其他类型的类似问题,但找不到解决方案

我唯一能说的是基本 html 加载正常,但里面没有任何内容 <app-root>

顺便说一下,该应用程序在最近 Android phone.

上运行良好

我应该激活更多的 polyfills 吗?

根据 Angular 文档,它们仅支持最新的两个主要 IOS 版本,即 13 和 12。

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

如果你有Mac,你可以尝试在Safari中调试,这样你可以在控制台中查看是否有任何错误再调试一下。

  1. 在 Mac 上的 Safari 中,转到“首选项”>“高级”,您应该会在底部看到“在菜单栏中显示开发菜单”复选框。
  2. 通过电缆将 iphone 连接到计算机
  3. 打开您的网站
  4. 打开 Safari,查看新的开发栏,您应该会看到您的 phone 已列出

您应该可以从那里调试您的网站。

所以我已经更新到 angular 10 正如 @cjd82187 所提到的 Angular 不关心基于 es5 的原生旧支持现在一切都是 esm2015 所以为了让它在我的旧 Ipad 我需要添加我的 ts.config.base.json

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

我还在 browserlistrc 文件中添加了 safari 9

对 JSmith 的“解决方案”的更正,致所有阅读本文的人。你要在browserslist文件中添加你想要支持的浏览器版本,但不需要在tsconfig.json中将目标更改为es5。这样做,您将停用差异加载并失去其优势。