【问题标题】:React/Next.js site doesn't load properly in Safari (blank page)React/Next.js 站点无法在 Safari 中正确加载(空白页)
【发布时间】:2020-11-13 05:59:22
【问题描述】:

我知道这很笼统,但我的 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 字体替换了字体,一切都开始正常了。希望这可以让别人头疼。

【问题讨论】:

  • 您好,我是新的 iN react+next,在 safari 中打开我的项目时在本地出现白屏。

标签: javascript node.js reactjs safari next.js


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-08
    • 2018-06-13
    • 2022-09-23
    • 1970-01-01
    • 2012-02-22
    相关资源
    最近更新 更多