Next.js Discord

Discord Forum

Next Image not displaying in Chrome from time to time

Unanswered
Longtail tuna posted this in #help-forum
Open in Discord
Longtail tunaOP
Nextjs version: "^12.3.1" Sanity Version :
Issue with Next/Image:


Hi all, I have two projects, both using next v12.x and I am getting an issue from time to time where images do not get loaded or displayed in the browser.

I can mitigate this by "clearing cache and hard reloading". This issue is quite difficult to reproduce as it happens less often but enough to affect some users. I use Sanity CMS for image hosting. After inspecting, I can see the image is there in the HTML but it is not being displayed. Please see the screenshot.

I am not entirely sure if it is Next Image but I'm getting the problem everywhere that I am applying it.

10 Replies

Longtail tunaOP
@Longtail tuna Click to see attachment
Western thatching ant
can u use traditional next/image
by Image tag?
@Longtail tuna I heard the same issue from lots of people and I don't remember they had a godo answer.
it only happens in Google Chrome browser, right?
Miniature American Shepherd
I have the same issue, i use Nextjs version: "^14.2.3" without any cms
@James4u it only happens in Google Chrome browser, right?
Sloth bear
Chrome and Edge, but I assume it happens on Edge as well because it is built ontop of chrome.
Please let us know if you found the answer again 🙏
Miniature American Shepherd
I solved problem updating next from 14.2.3 to 14.2.5
Bergamasco Shepherd
Updating to 14.2.5 (or 14.2.7) did not solve it for me 😢

It only happens on Chromium.

It DOESN'T happen on localhost or *.vercel.app URLs. Does ☝️ give anyone a clue?