我正在为 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://github.com/davidde/gatsby-starter-simpwa,
它被部署到https://davidde.github.io/gatsby-starter-simpwa/ https://davidde.github.io/gatsby-starter-simpwa/.
有谁知道是什么原因造成的?
该警告仅意味着该资源正在以更高的优先级下载,但其使用的紧迫性与下载时的紧迫程度不同。
浏览器看到链接时的期望rel=preload
资源对于页面的正确呈现至关重要。但如果情况并非如此,它会警告您可能会推迟下载,以便它可以执行比下载这个不那么重要的资源更重要的其他操作(例如下载 CSS 或渲染布局)。更多这里 -
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload
可能的解决方案
您可以检查离线插件是否采用选项defer
资源下载和/或移动到<body>
而不是添加到<head>
将脚本链接捆绑并注入 HTML 时。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)