Nextjs 图片：使用链接预加载预加载，但在窗口加载事件后的几秒钟内未使用答案

【问题标题】：Nextjs Image: was preloaded using link preload but not used within a few seconds from the window's load eventNextjs 图片：使用链接预加载预加载，但在窗口加载事件后的几秒钟内未使用
【发布时间】：2022-08-19 09:39:47
【问题描述】：

我正在使用基于 Nextjs 反应的框架，并且我正在尝试在 Image 组件中显示徽标图像。这是我的代码：我有这个文件夹：public/img

<Image
                src={\'/img/logo.png\'}
                width=\'154\'
                height=\'82\'
                alt=\'logo\'
                layout=\'responsive\'
                priority={true}
              />

我在控制台中收到此错误：

资源 http://localhost:3001/_next/image?url=%2Fimg%2Flogo.png&w=640&q=75 是使用链接预加载预加载，但在几秒钟内未使用窗口的加载事件。请确保它有适当的as 值，并且是有意预加载的。

有什么帮助吗？

你能告诉我们图片的预加载<link>吗？它将位于页面 HTML 中的 <head> 标记下。

标签： javascript reactjs google-chrome next.js

【解决方案1】：

使用 priority 道具时我遇到了同样的问题。

【讨论】：