javascript - 如何修复控制台警告 "The resource ... was preloaded using link preload but not used within a few seconds from the window' s 加载事件”？

Question

我正在为 PWA 开发一个 gatsby 主题/启动器，但我似乎无法摆脱以下控制台警告:

The resource https://davidde.github.io/gatsby-starter-simpwa/page-data/offline-plugin-app-shell-fallback/page-data.json
was preloaded using link preload but not used within a few seconds from the window's load event.
Please make sure it has an appropriate `as` value and it is preloaded intentionally.

第一次加载时一切正常；服务人员按应有的方式注册，并且没有警告。但是，重新加载后，会出现此警告。这没有任何意义，因为 as值设置为“获取”。
我假设它与 gatsby-plugin-offline 的配置有关。或者也许 gatsby-plugin-manifest .

源代码在 https://github.com/davidde/gatsby-starter-simpwa ,
它被部署到 https://davidde.github.io/gatsby-starter-simpwa/ .

有谁知道是什么原因造成的？

Answer 1

在 react 应用程序的公共(public)文件夹中，这里有一个 index.html 将此行粘贴到 index.html 中，然后再次尝试运行 react 应用程序

<link rel="preload" href="fonts/cicle_fina-webfont.woff2" as="font" type="font/woff2" crossorigin="anonymous">