【发布时间】: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 上不会发生此问题。 (不同的标题?)
有没有人遇到过同样的问题?欢迎任何反馈。
谢谢。
编辑:所以我设法解决了这个问题。问题是我尝试使用从 Adobe Fonts 导入的字体。花了 3 天的时间,但是一旦我用标准的 Google 字体替换了字体,一切都开始正常了。希望这可以让别人头疼。
【问题讨论】:
-
您好,我是新的 iN react+next,在 safari 中打开我的项目时在本地出现白屏。
标签: javascript node.js reactjs safari next.js