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

Question

我知道这很普遍，但我的 Next.js 网站有一个错误，当我在 Safari 中打开我的网站时，它有时加载，有时不加载（几乎 50/50 的机会 - 显示空白页面，但我可以看到我的一些组件的轮廓，但没有文字）。它发生在 iOS/macOS 版本的 Safari 上。我读到了有关

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

提供替代或后备字体系列，对于糟糕的浏览器，您可以提供 sans 或 sans-serif 以避免将来出现此类问题。

Answer 2

对我来说，只需简单的硬刷新（CTRL + SHIFT + R）即可解决此问题。