NuxtImage can't use images from /assets/ directory (when building)
I know this is somewhat of a common problem I've seen around quite often, but somehow I'm still very much confused about this. So I hope somebody can explain to me what's happening here.
My situation:
I'm using
Therefore I have my nuxt config as follows:
...and I use the component as follows:
This works flawlessly in local development, but when I run
Two things that do seem to work:
1. running
2. using a normal <img> tag with a source like this:
Here's a minimal reproduction for good measures:
https://stackblitz.com/edit/nuxt-starter-6xjdby?file=app.vue
My questions:
* Is this expected behavior?
* Am I doing something wrong?
* Are there workarounds?
My situation:
I'm using
Nuxt 3.11.2@nuxt/image 1.7.0assets/imagesTherefore I have my nuxt config as follows:
...and I use the component as follows:
This works flawlessly in local development, but when I run
pnpm run buildTwo things that do seem to work:
1. running
pnpm run generate2. using a normal <img> tag with a source like this:
<img src="~/assets/images/my-img.png">Here's a minimal reproduction for good measures:
https://stackblitz.com/edit/nuxt-starter-6xjdby?file=app.vue
My questions:
* Is this expected behavior?
* Am I doing something wrong?
* Are there workarounds?
StackBlitzTobija Fischer
Create a new Nuxt project, module, layer or start from a theme with our collection of starters.
