Por alguna razón, mis imágenes dinámicas no se cargan. Sigo recibiendo el error:

No se puede encontrar el módulo '@/assets/images/galery/tn-sm/galery-tn-1-sm.jpg' desde '/Users/path/code/ck'

La ruta es 100% correcta, lo probé muchas veces, incluso sin imágenes dinámicas funcionó. Así que no entiendo muy bien cuál es el problema aquí.

 <template> <div v-for="img in imgs" :key="img.id"> <img :src="require(`@/assets/images/galery/tn-sm/${img.tn_sm}`)" /> </div> </template> <script setup> const imgs = [ { id: 0, url: '', tn_xl: 'galery-tn-1-xl.jpg', tn_sm: 'galery-tn-1-sm.jpg' }, { id: 1, url: '', tn_xl: 'galery-tn-2-xl.jpg', tn_sm: 'galery-tn-2-sm.jpg' }, { id: 2, url: '', tn_xl: 'galery-tn-3-xl.jpg', tn_sm: 'galery-tn-3-sm.jpg' } ] </script>

Seguí la solución exacta como se indica aquí: https://nuxtjs.org/docs/directory-structure/assets/ e intenté poner todo tipo de caracteres delante de la URL (~/ ../ ./, etc.) Cualquier ayuda será muy apreciada.