No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Deploy con React Router en GitHub Pages

25/30
Recursos

Aportes 9

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

En mi caso antes de agregar react-router-dom ya lo habia desplagado en GitHub Pages, lo que hice fue subir los cambios nuevos con git push y posterior a se corren 2 comandos, para actualuzar GitHubPages.
npm run build

npm run deploy

uyyy, yo nunca lo pude hacer con gh-pages, prefer铆 desplegarlo con netlify o vercel, es un millon de veces m谩s facil y rapido

Me ha pasado muchas veces el error XD. As铆 que comparto mis notas de c贸mo hacer el deploy en gh-pages. Recomendacion

paso 1.
npm instal gh-pages -D

paso 2.
En package.json despu茅s de 鈥渄evDependencies鈥: { } agregar la siguiente l铆nea
"homepage": 鈥渉ttps//<nombre usuario>.github.io/<nombre repositorio>鈥

paso 3.
agregar en scripts lo siguiente
"predeploy": 鈥渘pm run build鈥,
鈥渄eploy鈥:鈥済h-pages -d build鈥

paso 4.
correr npm run deploy

Si hay algun error
cambiar la linea
** 鈥渄eploy鈥: 鈥済h-pages-clean gh-pages -d build鈥**
correr :
npm run deploy
cambiar la l铆nea de nuevo a
** 鈥渄eploy鈥:鈥済h-pages -d build鈥**

correr
npm run deploy

Despu茅s de horas y horas de hacer debug por horas y de fallo con el gh-pages, pude hacer el deploy correctamente jsjsj

Dejo mi TODO app hasta 茅ste punto del curso 馃槃

https://ivangonzalezr.github.io/To-Do-ReactJS_App/

En mi caso, tuve un problemita al desplegar en github pages, se solucion贸 corriendo el siguiente c贸digo para eliminar el anterior origen remoto antes de ligar mi repositorio local a mi repositorio en github

git remote remove origin

Para los que necesiten un resumen de la clase paso a paso, con todos los comandos. Solo denle clic 馃憞
Desplegando la app

En mi caso hice lo siguiente:
Para proyectos ya desplegados podemos hacer lo siguiente:
Correr los comandos en la terminal

npm run build
npm run deploy
Y si no actualiza los cambios hacer los siguiente :
En el archivo package.json
En el scripts escribir: 鈥渄eploy鈥: "gh-pages-clean gh-pages -d build"
Luego corremos en la terminal el siguiente comando
npm run deploy
Luego borrar gh-pages-clean en el package.json y correr nuevamente el comando npm run deploy en la terminal
Luego vamos a nuestro GitHub y ya podemos ver nuestra rama gh-pages ya desplegada鈥. sigue los pasos de Juan DC paso a paso y lo lograras.