next.js icon indicating copy to clipboard operation
next.js copied to clipboard

NextImage warning The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event.

Open vcxp opened this issue 3 years ago • 0 comments

Verify canary release

  • [X] I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System: Platform: darwin Arch: x64 Version: Darwin Kernel Version 21.6.0: Mon Aug 22 20:17:10 PDT 2022; root:xnu-8020.140.49~2/RELEASE_X86_64 Binaries: Node: 16.13.1 npm: 8.19.1 Yarn: 1.22.17 pnpm: N/A Relevant packages: next: 12.3.1-canary.3 eslint-config-next: 12.3.0 react: 18.2.0 react-dom: 18.2.0

What browser are you using? (if relevant)

chrome

How are you deploying your application? (if relevant)

localhost

Describe the Bug

I have such a NextImage component.

image

When I run the project, after a few seconds I get this warning...

image

I can't figure out why I'm getting this warning. On all the forums that I read, they say that you need to use priority

But if I remove the priority, I get the following error:

image

(*and so for all other pictures)

Expected Behavior

The warning will disappear

Link to reproduction

https://github.com/1alexvash/AlexCodeBlog/tree/reproduction_bug_with_image

To Reproduce

Follow this instruction https://nextjs.org/docs/api-reference/next/image#priority

vcxp avatar Sep 18 '22 15:09 vcxp