javascript - React/Next.js 站点无法在 Safari 中正确加载(空白页)

Question

我知道这很笼统，但我的 Next.js 网站中有一个错误，当我在 Safari 中打开我的网站时，它有时会加载，有时不会(几乎 50/50 的机会 - 显示空白页，但我可以请参阅我的一些组件的轮廓，但没有文字)。它发生在两个 iOS/macOS 版本的 Safari 上。我读到了Cache-Control尝试加载页面时显然会导致 Safari 出现问题的 header ，但我尝试了这些解决方案，但它们对我不起作用(例如，设置像 res.header("Cache-Control", "no-cache, no-store, must-revalidate") 这样的 header 并将 app.disable('etag') 添加到我的 Node 服务器)。
在这一点上，我只想知道这一切的根本原因。它是 React 的东西吗？ Node 的事？ Next.js 或浏览器本身(这是我的猜测，因为所有其他浏览器都没有这个问题)。
也很奇怪，这不会发生 100% 的时间。
在 localhost这个问题不会发生。 (不同的标题？)
有没有人遇到过同样的问题？欢迎任何反馈。
谢谢。
编辑:所以我设法解决了这个问题。问题是我尝试使用从 Adob​​e Fonts 导入的字体。花了 3 天的时间，但是一旦我用标准的 Google 字体替换了字体，一切都开始正常了。希望这可以避免某人头痛。

Answer 1

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