Saltar al contenido

Netlify representa 404 en la actualización de la página (usando React y react-router)

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *