React/Next.js 站点无法在 Safari 中正确加载（空白页）

Question

我知道这是非常普遍的，但我的 Next.js 网站中有一个错误，当我在 Safari 中打开我的网站时，它有时会加载，有时不会（几乎 50/50 的机会 - 显示空白页面，但我可以看到轮廓我的一些组件，但没有文字）。 它发生在 Safari 的两个 iOS/macOS 版本上。 我阅读了有关Cache-Control标头的信息，这些标头在尝试加载页面时显然会导致 Safari 麻烦，但我尝试了这些解决方案，但它们对我不起作用（例如，设置像res.header("Cache-Control", "no-cache, no-store, must-revalidate")并将app.disable('etag')添加到我的节点服务器）。

在这一点上，我只想知道这一切的根本原因。 它是 React 的东西吗？ 节点的事？ Next.js 或浏览器本身（这是我的猜测，因为所有其他浏览器都没有这个问题）。 也很奇怪，这不会发生 100% 的时间。

在localhost上不会发生此问题。 （不同的标题？）

有没有人遇到过同样的问题？ 欢迎任何反馈。

谢谢。

编辑：所以我设法解决了这个问题。 问题是我尝试使用从 Adobe Fonts 导入的字体。 花了 3 天的时间，但是一旦我用标准的 Google 字体替换了字体，一切都开始正常了。 希望这可以避免某人头痛。

Answer 1

对我来说，这是一个简单的硬刷新（CTRL + SHIFT + R）来解决这个问题。