Hi I just deployed my first nuxt app on netlify with build command yarn generate, the problem now is that my image in the static folder doesnt load. The Console Error looks like this: https://thomaskohlmannhuber.netlify.app/_ipx/w_1280/hero-img.png 404 My netlify domain is : https://thomaskohlman…

Hey there, @tkohlmannhuber :wave: Thanks so much for reaching out and sharing what you have tried so far. Can you share a copy of your most recent deploy log with us, in full? Additionally, how large is the image you are trying to use?

Here is the latest full deploy log. 1:39:59 PM: Build ready to start 1:40:01 PM: build-image version: c5b01a919d3e16af69445c5de0cacb49efbb1a23 (focal) 1:40:01 PM: build-image tag: v4.4.0 1:40:01 PM: buildbot version: 9deea8f876b3228119111d3a654f519dd1866bfe 1:40:01 PM: Building without cache 1…

hi there, sorry to hear you are having issues with your images. I think the next step is to confirm that the image is actually present and addressable where you are thinking it is, given that the site builds with no issues. you might use this tool to take a look at what we are actually building and…

I am having the same issue. I have deployed Nuxt3 app on Netlify and the images don’t load. I was using the latest Nuxt image module which is compatible with Nuxt3 and according to their documentation images should be placed in a public folder to get it working. I have done exactly that. The site bu…

Based on this: [image] Netlify | Nuxt Image Optimize images with Netlify's dynamic image transformation service You’ll have to use Netlify Large Media as Nuxt Image doesn’t seem to be directly compatible with Netlify - their docs have better guides for other…

This is not the case. Per nuxt-image docs: Nuxt Image comes with a preconfigured instance of unjs/ipx . An open source, self-hosted image optimizer based on lovell/sharp . I’m encountering the same issues.

I’ve responded to your thread: 404 image error on build As far as the docs are concerned, they deal with a Node.js server that would provide a file-system like access to the images. That’s not possible on Netlify. Function bundles are treated separately and run on separate infrastructure.

Even if we’re building the nuxt project out as static using nuxt generate, not nuxt build? On localhost, the _ipx directory of images appears to generate along side, within the same directory as all the other files. But, you’re saying that’s still treated as a function bundle?

No, with nuxt generate there’s no Function to treat it as Function bundle. It should be directly accessible as long as it’s deployed.

Nuxt Image doesnt show up after deploy

Support

samuel-antwi July 26, 2022, 8:17am 7

I really appreciate your response. Thanks.

Topic		Replies	Views
NextJS Build rendering 404 images Support building , nextjs	12	5315	February 8, 2024
Images are not showing on production page Support deployment	1	230	September 19, 2023
Failed to deploy Support nextjs	3	1789	November 18, 2020
404 image error on build Support building , deployment	3	1658	September 10, 2023
Nuxt site failing to deploy with build command errors Support deployment	7	1209	April 8, 2021

Nuxt Image doesnt show up after deploy

Related topics