Alguien sabe por que en la pagina cuando hago el Deploy aparece en blanco. Por aca dejo el repo gracias <a href="https://github.com/nick...

Pregunta de la clase:
Deploy con GitHub Pages
Nicolás Felipe Fernandez Fandiño

Nicolás Felipe Fernandez Fandiño

Pregunta
student
hace 4 años

Alguien sabe por que en la pagina cuando hago el Deploy aparece en blanco. Por aca dejo el repo gracias https://github.com/nickingnova/ToDo-list-app-React

13 respuestas
para escribir tu comentario
    Josue Alonso

    Josue Alonso

    student
    hace 4 años

    Claramente porque a Github tenes que subirlo compilado, es decir npm run build, y luego copias el build (html, css, js) y lo tenes listo

    Juan Castro

    Juan Castro

    teacher
    hace 4 años

    El código ya quedó compilado en la rama gh-pages. Habría que verificar si GitHub sí está tomando esa rama para el deploy en GitHub Pages.

    ¿Podrías mostrarnos o decirnos qué te aparece en Settings > Pages de tu repo?

    Nicolás Felipe Fernandez Fandiño

    Nicolás Felipe Fernandez Fandiño

    student
    hace 4 años

    GitHubError.PNG

    SI estaba en la rama gh-pages, ya lo cambie pero aun así no funciona, no te entiendo Josue a que te refieres con copiar el build, a donde lo copio.

    Juan Castro

    Juan Castro

    teacher
    hace 4 años

    Donde dice branch, selecciona

    gh-pages
    .

    Por ahora estás publicando lo que hay en tu rama

    main
    , pero tus archivos estáticos quedaron publicados en la rama
    gh-pages
    . Por eso se ve en blanco por ahora.

    Nicolás Felipe Fernandez Fandiño

    Nicolás Felipe Fernandez Fandiño

    student
    hace 4 años

    Asi lo tenia y de hecho volví a dejarlo donde me dices pero nada, aun esta en blanco

    Juan Castro

    Juan Castro

    teacher
    hace 4 años

    Ahora si inspeccionas tu página, vas a ver que ya cargó el código HTML. Lo que está fallando ahora es el código JavaScript.

    ¿Tu aplicación anda cuando la corres en local con tu computadora?

    Juan Castro

    Juan Castro

    teacher
    hace 4 años

    Probemos esto.

    Corre npm run build en tu computadora a ver qué te muestra ese

    index.html
    .

    Nicolás Felipe Fernandez Fandiño

    Nicolás Felipe Fernandez Fandiño

    student
    hace 4 años

    No le veo mayor cambio aparecen normal los div, no se que cambien en particular, PD te escribí por telegram para no llenar este comentario. Quiero que funcione y saber a que se debe.

    Juan Castro

    Juan Castro

    teacher
    hace 4 años

    Hello, Nick

    Por fis sigamos la conversación por aquí, no en Telegram.

    Encontrar el error en comunidad está muy bien, ayudará a que otras personas con el mismo problema puedan encontrar también una solución.

    Si solo hablamos tú y yo por Telegram, el aprendizaje solo quedará en nosotros.

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]

¡Aprende React.js, la librería más popular de JavaScript para crear aplicaciones web interactivas! Trabaja con componentes, propiedades, estado y efectos. Almacena tu información en Local Storage, implementa React Context para comunicar componentes y teletransporta componentes con React Portals. Crea tu primer proyecto web con React junto a tu profesor JuanDC