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 />En V6, ya no puede usar el accesorio de componente . Debe ser reemplazado por elemento
import './App.css'; import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; import Home from './pages/Home'; function App() { return <div className="App"> <Router> <Routes> <Route path="/" element={<Home />}></Route> </Routes> </Router> </div>; } export default App;