Encontré un error en el que generaba dinámicamente una URL a partir de accesorios para la importación de imágenes en mi componente Vue 3 y se vuelve indefinido después de la compilación
const imagePath = computed(() => { return new URL(`../assets/${props.imgPath}.png`, import.meta.url).href <img :src="imagePath" /><img class="img" src="http://localhost:4173/undefined />Solo dos de las muchas imágenes no están definidas después de la compilación, lo que hace que sea muy difícil precisar el problema.
Intenté jugar con vite.config.ts, particularmente con assetInlineLimit en la sección de compilación, pero hasta ahora nada funciona.
Estaba teniendo el mismo problema y descubrí que necesita establecer el objetivo de compilación en 'es2020' ya que import.meta.url no está definido en el objetivo de compilación predeterminado. Hay una pequeña nota al final de esta página: https://vitejs.dev/guide/assets.html