nuxt / image

Plug-and-play image optimization for Nuxt applications.
https://image.nuxt.com
MIT License
1.33k stars 272 forks source link

Generate is missing a slash '/' when prerendering using ipx #1084

Open TechAkayy opened 11 months ago

TechAkayy commented 11 months ago

npm run build works fine, but when doing npm run generate, the generated image path is missing a "/", so failing to be picked up.

Please refer to app.vue that is using the vuetify example from the official Nuxt Image docs - https://image.nuxt.com/usage/use-image. I guess the file path can't be double-slashed, so wondering how to mitigate this issue.

Reproduction - https://github.com/TechAkayy/nuxt-image-generate-issue.

Local: npm run generate, then npx serve .output/public

image
Dependencies Info _Run `npx nuxi info` and `pnpm list` (or `npm list`) and provide the output:_ ``` ------------------------------ - Operating System: `Darwin` - Node Version: `v20.14.0` - Nuxt Version: `3.13.0` - CLI Version: `3.13.1` - Nitro Version: `2.9.7` - Package Manager: `npm@10.7.0` - Builder: `-` - User Config: `compatibilityDate`, `devtools`, `modules`, `image` - Runtime Modules: `@nuxt/image@1.8.0`, `vuetify-nuxt-module@0.18.0` - Build Modules: `-` ------------------------------ nuxt-app@ /Users/techakayy/Templates/!reproductions/nuxt-image-generate-issue ├── @nuxt/image@1.8.0 ├── nuxt@3.13.0 ├── vue@3.4.38 └── vuetify-nuxt-module@0.18.0 ```
sagenate24 commented 11 months ago

I'm also having this issue

TechAkayy commented 1 month ago

Updated reproduction to latest image module v1.8.0 & made it minimal.

@danielroe, noticed you are back to image module updates, can you give this issue little love, have been a blocker for over 10 months for nuxt generate.

The reproduction is the vuetify useImage example from our official docs page, but nuxt generate instead of nuxt build.

Thanks!