La imagen dinámica src de vue.js con el paquete web require () no funciona

Solución:

¡¡Finalmente lo resolví!! Webpack no puede importar el archivo si su nombre se proporciona completamente como una variable como:

require(imageUrl) // doesn't work

Esto se debe a que no conoce la ruta en el momento de la compilación si la ruta está almacenada en una variable.

Pero Webpack puede detectar archivos para empaquetar cuando se le da una interpolación de cadena en require () como:

require(`../assets/profile_screens/${filename}`) // Works

Esto funciona porque Webpack conoce la ruta “../assets/profile_screens” en el momento de la compilación, por lo que puede incluir todos los archivos dentro de la carpeta.

---

---

Utiliza Nuestro Buscador