我的 React 应用程序在 iPhone 上的某个阶段显示一个空白页面。 在其他任何地方（甚至是 MacOS 上的 Safari），它都能按预期工作

Question

我正在开发一个应用程序，用户需要填写一些个人信息来注册约会。 （不能分享太多细节，因为这是机密工作）

在某些时候，我的应用程序会打开一个“弹出”类型的组件，它只是列出了用户之前填写的信息。 在进行后续注册步骤之前，它充当概述步骤。

我在各种浏览器上试过这个。 在 PC 上，它适用于 Edge、Chrome、Firefox 和 Opera。 在 Android 上，我只测试了 Chrome，它在那里运行良好。 在 MacOS 上，我测试了 Chrome 和 Safari，两者都很好。

但是当我在 iPhone 上尝试时，当我到达上述步骤时，我只是得到一个空白页。 我对问题可能是什么感到困惑，因为在其他任何地方，它似乎都可以正常工作。 即使在 Apple 生态系统本身，也有一些设备可以正确呈现应用程序。

任何帮助，将不胜感激。 先感谢您！

Answer 1

在设备上，在 Safari 的设置中启用 Web Inspector。 然后在 Mac 上，打开 Safari，启用“开发”菜单（如果尚未启用）并使用它附加到设备上的 Web 检查器（将有一个为设备命名的子菜单，所有可检查的帧作为菜单项）。 现在您有一个完整的检查员来调查问题。

Answer 2

我设法将问题定位到日期字段。 出于某种原因，iOS 上的 Safari 无法将字符串时间戳解析为特定日期（当我创建新日期 object 并将时间戳传递给构造函数时，它会引发错误）

我手动将日期格式化为字符串，现在一切正常。