Recabamos en diferentes foros y así de esta manera tener para ti la solución a tu inquietud, si continúas con dificultades déjanos la duda y te responderemos porque estamos para servirte.
Solución:
Esto fue simple y funcionó para mí.. Encontré este enlace https://create-react-app.dev/docs/deployment#netlify
Entonces, como lo sugiere ese enlace, agregué un _redirects
archivo dentro del /public
carpeta como /public/_redirects
. luego pegué /* /index.html 200
en el _redirects
expediente. Hice todo eso en mi VS Code, después de lo cual presioné a github y luego, por supuesto, mi netlify se vuelve a implementar automáticamente cada vez que presiono a github. Mi problema fue resuelto y actualizar ya no trae el error 404.
En mi paquete.json, la sección de compilación se ve así;
"scripts":
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
Nota:
Algunos artículos dicen que necesitas agregar _redirects
en el build
carpeta, pero luego la carpeta de compilación no está entre lo que se envía a github en mi caso, por eso es que agregar _redirects
a public
La carpeta funcionó mejor para mí, ya que la carpeta pública se puede empujar junto con mi código.
Remover _redirects
de su carpeta pública y mover netlify.toml
a la raíz de su repositorio git, más información. Eliminar también del script de compilación && cp build/index.html build/404.html
– ya no necesitas eso
Agregar netlify.toml
archivo en el directorio raíz de su proyecto y pegue el siguiente código en él:
[[redirects]]
from = "/*"
to = "/"
status = 200
presione y vuelva a implementar su aplicación y listo.
Más adelante puedes encontrar las reseñas de otros desarrolladores, tú igualmente eres capaz dejar el tuyo si te apetece.