Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
5
respuestas

No se muestra el Footer al publicar en Vercel

comparto mi proyecto publicado con Vercel: https://org-kappa-five.vercel.app/

Todo quedo muy bien, excepto el Footer que no se muestra; queda en blanco. Borre el proyecto y lo cree de nuevo y me da el mismo resultado. espero me puedan ayudar. Saludos

5 respuestas

¡Hola Jonathan!

Gracias por compartir tu proyecto publicado con Vercel. Es posible que el problema con el Footer se deba a un error en el código o en la configuración de tu proyecto.

Para poder ayudarte mejor, necesitaría ver el código de tu proyecto. Sin embargo, te sugiero que revises las siguientes posibles soluciones:

  1. Asegúrate de que el código del Footer esté incluido en el archivo index.html o en algún otro archivo que se esté cargando en la página.
  2. Verifica que los archivos del Footer estén en la ruta correcta y que se estén cargando correctamente en el proyecto.
  3. Revisa si hay algún error en la consola del navegador al cargar la página.

Si después de revisar estas posibles soluciones el problema persiste, te sugiero que compartas el código de tu proyecto para que pueda ayudarte mejor.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)

Buenas tardes, gracias por la disposición de ayudar. en primer lugar comparto el codigo en GitHub: https://github.com/JonCasti/org.git

Verifique las 3 posibilidades que me indicaron como posibles causas de este error afirmando que el footer esta correctamente cargado en el index.html, poseen la ruta correcta y no hay ningun error en la consola del navegador.

Seguidamente indico desde donde comenzó el problema, hasta el momento de ejecutar el servidor con el comando serve -s build todo seguía funcionando perfectamente tal como lo muestro en las imagenes Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad El error comienza luego de subir el proyecto a la pagina de vercel, por lo que veo allí es donde ocurre el problema. Espero haber explicado bien. Saludos

Sera que alguien puede ayudarme con este problema?

solución!

Intenta cambiando el nombre del archivo de la imagen del background, lo tienes como Footer.png y haces referencia con footer.png <footer className='footer' style={{ backgroundImage: "url(/img/footer.png)" }}>

Si eso no funciona habría que ver los mensajes en consola del navegador.

Eso mismo fue lo que pasó, no me fijé en el detalle de la mayuscula en el nombre de la imagen footer. ahora si cargo perfecto. Mil gracias. saludos