Media preview isn't visible in production deployment "IPX_FILE_NOT_FOUND"

[BashCloud]

Environment

Operating system	macOS 24.6.0
CPU	Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz (12 cores)
Node.js version	v23.9.0
nuxt/cli version	3.34.0
Package manager	npm@10.9.2
Nuxt version	4.3.1
Nitro version	2.13.1
Builder	vite@7.3.1
Config	compatibilityDate, components, css, devtools, image, mdc, modules, studio, vite, nitro
Modules	@nuxt/ui 4.5.1, @nuxt/content 3.12.0, @nuxt/eslint 1.15.2, @nuxt/image 2.0.0, nuxt-studio 1.5.1, nuxt-clarity-analytics 0.0.9

Version

v1.5.1

Reproduction

Browser Link preview:

Exact link for reference: https://shantipath.pulkt.com/__nuxt_studio/ipx/s_200x200,fit_cover/favicon.ico?t=1774641293293

Description

I'm unable to see media/image previews in the studio-editor navigation & image-picker modal.
Although the image is visible, when it is opened with the exact URL (without IPX).

Seems like image preview uses nuxt-image with IPX to show them in the media picker.
But somehow, nuxt-image fails to render preview using IPX. I'm also geting error: IPX_FILE_NOT_FOUND, when opening the preview URL separately.

Also, this issue is happening only in production deployment. works perfectly in local environment.

Additional context

The application is deployed on Vercel, with SSR support, using the command 'nuxt build'.

Also, I've enabled prerendering, using config:

  nitro: {
    prerender: {
      // Pre-render the homepage
      routes: ['/'],
      // Then crawl all the links on the page
      crawlLinks: true,
    },
  },

If I remove pre-rendering:

• Issue with media previews still exists.
• Sometimes, initial page rendering fails.
• Also, normal nuxt-img on any page isn't visible, with the same error.

Possible solutions:

• Any workaround to disable or configure nuxt-img inside the studio interface?

Logs

IPX_FILE_NOT_FOUND

[BashCloud]

image module configuration is:

  image: {
    provider: 'ipx',
  },

But the error is the same, with and without above configurations.

[alessandro-mariani]

I had the same problem when deploying on Vercel. After spending a lot of time trying to solve the problem, I had to downgrade to version 1.4.0.

[TotomInc]

Issue seems to come from an invalid generated URL, within Nuxt-Studio media pane:

https://www.production-website.com/__nuxt_studio/ipx/s_200x200,fit_cover/my-asset.png points to a 404

Here's an image link passed on <NuxtImg /> that does use:

https://www.production-website.com/_ipx/_/my-asset.png

[TotomInc]

See #413, it's a working fix. You can install this PR specific version into your project if needed, until it's merged & published on Nuxt Studio.

[TotomInc]

Released in 1.6.0, can be closed @larbish?

[remihuigen]

I still face this issue after upgrading to 1.6.0 (deploying to cloudflare workers)

my image provider is set to cloudflare though (media is uploaded to R2 bucket)

image: {
    provider: 'cloudflare',
  },