La ruta de hoja coincidente en la ubicación "/" no tiene ningún elemento. Esto significa que generará un valor nulo de forma predeterminada, lo que dará como resultado una página "vacía".
//App.js File import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import Home from './pages/Home'; // import ReactDOM from "react-dom"; const App = () => { return ( <Router > <Routes> <Route path="/" component={ Home }></Route> </Routes> </Router> ) } export default App;** Mi código relacionado con el enrutador de reacción no funciona. No sé por qué sucedió cuando empiezo a insertar alguna ruta en el programa para que muestre este error **
En V6, ya no puede usar el accesorio de component . Fue reemplazado a favor del element :
<Route path="/" element={<Home />}></Route>Más información en el documento de migración .
Yo tuve el mismo problema. Reemplace el componente con el elemento y funcionó.
Reemplace esto:
<Route path="/" component={HomePage} exact />con este:
<Route path="/" element={<HomePage/>} exact />Tuve el mismo error, sin embargo, mi solución fue ligeramente diferente. Había escrito mal el elemento.
<Route exact path='/MyGames' elemtent={<MyGames/>}/>y este fue el error que me dio en la consola del navegador
Matched leaf route at location "/MyGames" does not have an element. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.