Estoy trabajando en mi sitio web personal y encontré un problema que solo ocurre en producción, el problema no ocurre en mi entorno local.
este es el escenario
He configurado las rutas como las siguientes
const Routes = () => ( <Router> <Route exact path="/" component={Home} /> <Route exact path="/works" component={work} /> <Route exact path="/skills" component={skills} /> </Router> )Como dije localmente, puedo acceder a todas las rutas que hacen que mis componentes funcionen y mis habilidades
Construyo e implemento el código en mi dominio y tengo el problema de acceder a las siguientes rutas
Este es el error que me sale en estas rutas
Este archivo XML no parece tener ninguna información de estilo asociada. La estructura del documento se muestra a continuación.
<Error> <Code>NoSuchKey</Code> <Message>The specified key does not exist.</Message> </Error>No me queda claro qué estoy haciendo mal y por qué este error no ocurre en la configuración regional.
Cuando usa BrowserRouter, está haciendo uso de la API de historial que le permite escribir código que dice:
Hola navegador. Voy a cambiar el DOM usando JavaScript ahora. Va a cambiar la página para que sea como la página que obtendría si visitara /example , para que pueda cambiar la URL en la barra de direcciones y marcarla como favorita.
Su problema es que está haciendo el reclamo sin hacer los cambios en el servidor para respaldarlo. Cuando el navegador visita la página en el servidor, arroja un error porque no le ha dicho qué hacer para esa URL.
Tienes algunas opciones aquí:
import { HashRouter } from "react-router-dom"; <HashRouter> <App /> </HashRouter>Por favor, intente eso en su lugar