3

Tengo mi back deployado en Heroku y mi front en Vercel. El proyecto es PERN stack. Tengo en el front, en la carpeta public una carpeta assets con imágenes de pokémon en formato .gif, que son las que utilizo para renderizar las cards de los pokémon. Ahora todo esto me funciona perfecto en el proyecto cuando lo inicio en mi localhost, pero ahora que lo deployé, el proyecto se deployó bien, funciona todo, el problema es que esas imágenes de los pokémon no se ven en el deploy...

{
img ?
  <Link className={style.img} to={`/home/${id}`}><img src={img} alt="Img not found" height="170px" /> </Link>
    :
  <Link className={style.img} to={`/home/${id}`}><img src={`/assets/pokemons/${name}.gif`} alt="Img not found" height="190px" className={style.img} /> </Link>
}

Este es el código con el que cargo las imágenes en la card.

4
  • pueden ser los src del proyecto deployado. a veces sucede que subes el proyecto pero el hosting interpreta encuentra la carpeta raíz como un elemento más arriba el 20 ago. 2022 a las 0:53
  • Y como lo podria solucionar.. ? porque el proyecto de deployo perfecto tanto back, como db como front funciona todo, el tema es que no me muestra las img
    – Woky88
    el 20 ago. 2022 a las 0:56
  • comprueba que la ruta esta bien, en caso de que este bien, te recomiendo que en vez que uses una ruta de usuario, uses una ruta dentro del proyecto, con una carpeta img y que el usuario encargado de ejecutar el proyecto tenga permisos para acceder a este, también podrías enseñar si desde la consola te da algún error en especifico el 20 ago. 2022 a las 1:55
  • @Woky88 podrías compartir el código de tu aplicación express del archivo principal? también por favor indica cual es la estructura de los archivos de ambas apps (frontend y backend) y por último por favor indicanos como se llama la imagen que quieres mostrar y en donde la tienes ubicada dentro de esa estructura el 21 ago. 2022 a las 5:01

1 respuesta 1

0

Ya lo pude solucionar, utilice require.context() y pude acceder y mostrar las imagenes. Gracias a todos. Dejo la solucion por si alguno tiene el mismo problema

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.