为什么我的 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。
我刚刚创建了一个新应用程序,当 运行 它时,我在 Safari
和 Chrome
上得到空白页面(我认为他们使用相同的 webkit)
查看 Safari
的控制台,它什么也没说。
我在 SO
上浏览了其他类型的类似问题,但找不到解决方案
我唯一能说的是基本 html 加载正常,但里面没有任何内容 <app-root>
。
顺便说一下,该应用程序在最近 Android
phone.
上运行良好
我应该激活更多的 polyfills 吗?
根据 Angular 文档,它们仅支持最新的两个主要 IOS 版本,即 13 和 12。
https://angular.io/guide/browser-support
如果你有Mac,你可以尝试在Safari中调试,这样你可以在控制台中查看是否有任何错误再调试一下。
- 在 Mac 上的 Safari 中,转到“首选项”>“高级”,您应该会在底部看到“在菜单栏中显示开发菜单”复选框。
- 通过电缆将 iphone 连接到计算机
- 打开您的网站
- 打开 Safari,查看新的开发栏,您应该会看到您的 phone 已列出
您应该可以从那里调试您的网站。
所以我已经更新到 angular 10
正如 @cjd82187 所提到的 Angular 不关心基于 es5
的原生旧支持现在一切都是 esm2015
所以为了让它在我的旧 Ipad 我需要添加我的 ts.config.base.json
"compilerOptions": {
...,
target: 'es5',
...
}
我还在 browserlistrc
文件中添加了 safari 9
。
对 JSmith 的“解决方案”的更正,致所有阅读本文的人。你要在browserslist
文件中添加你想要支持的浏览器版本,但不需要在tsconfig.json
中将目标更改为es5。这样做,您将停用差异加载并失去其优势。
我通常在运行在 IOS 9.3.5
上的 Ipad 2 上测试我的应用程序,我也在使用 angular 10。
我刚刚创建了一个新应用程序,当 运行 它时,我在 Safari
和 Chrome
上得到空白页面(我认为他们使用相同的 webkit)
查看 Safari
的控制台,它什么也没说。
我在 SO
上浏览了其他类型的类似问题,但找不到解决方案
我唯一能说的是基本 html 加载正常,但里面没有任何内容 <app-root>
。
顺便说一下,该应用程序在最近 Android
phone.
我应该激活更多的 polyfills 吗?
根据 Angular 文档,它们仅支持最新的两个主要 IOS 版本,即 13 和 12。
https://angular.io/guide/browser-support
如果你有Mac,你可以尝试在Safari中调试,这样你可以在控制台中查看是否有任何错误再调试一下。
- 在 Mac 上的 Safari 中,转到“首选项”>“高级”,您应该会在底部看到“在菜单栏中显示开发菜单”复选框。
- 通过电缆将 iphone 连接到计算机
- 打开您的网站
- 打开 Safari,查看新的开发栏,您应该会看到您的 phone 已列出
您应该可以从那里调试您的网站。
所以我已经更新到 angular 10
正如 @cjd82187 所提到的 Angular 不关心基于 es5
的原生旧支持现在一切都是 esm2015
所以为了让它在我的旧 Ipad 我需要添加我的 ts.config.base.json
"compilerOptions": {
...,
target: 'es5',
...
}
我还在 browserlistrc
文件中添加了 safari 9
。
对 JSmith 的“解决方案”的更正,致所有阅读本文的人。你要在browserslist
文件中添加你想要支持的浏览器版本,但不需要在tsconfig.json
中将目标更改为es5。这样做,您将停用差异加载并失去其优势。