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这个问题上不会发生。（不同的标题？）

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

谢谢。

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

Answer 1

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