Comenzar a reaccionar con npm run start abre una página en blanco con el error anterior. Tengo una barra de navegación donde estoy enrutando la lista individual, pero, después de ejecutar el servidor, se abre en una página en blanco. Hay un error en la consola que me indica un componente llamado flota. pero no hay mucho código allí. Hay una barra de navegación donde proporcioné todos los enlaces y estoy seguro de que el problema no proviene de allí.

código de flota

 /** @format */ import React from "react"; class FleetPage extends React.Component { render() { return <h2>fleet</h2>; } } export default FleetPage;

código app.js

 import "./App.css"; import HomePage from "./components/pages/homePage"; import routes from "./configs/route"; import NavBar from "./components/navBar"; import { Routes, Route } from "react-router-dom"; function App() { return ( <div className="App"> <HomePage /> <NavBar /> <Routes> {routes.map((route, index) => ( <Route key={index} path={route.path} element={route.component} /> ))} </Routes> </div> ); } export default App;

código de ruta

 import HomePage from "../components/pages/homePage"; import ServicesPage from "../components/pages/services"; import FleetPage from "../components/pages/fleet"; import ContactPage from "../components/pages/contact"; import DriversDataPage from "../components/pages/driversData"; const routes = [ { name: "Home", path: "/", component: <HomePage />, }, { name: "Services", path: "/Services", component: <ServicesPage />, }, { name: "Drivers-data", path: "/Drivers-data", component: <DriversDataPage />, }, { name: "Fleet", path: "/fleet", component: <FleetPage />, }, { name: "Contact", path: "/Contact", component: <ContactPage />, }, ]; export default routes;