Aquí está mi aplicación.js

 import Home from "./pages/home/Home"; import Login from "./pages/login/Login"; import Profile from "./pages/profile/Profile"; import Register from "./pages/register/Register"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; function App() { return ( <Router> <Routes> <Route path="/"> <Home /> </Route> <Route path="/login"> <Login /> </Route> <Route path="/register"> <Register /> </Route> <Route path="/profile"> <Profile /> </Route> </Routes> </Router> ); } export default App;

y aquí está mi index.js (conexiones)

 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') );

y las versiones de reaccionar, reaccionar dom, etc se mencionan a continuación

 { "name": "ft-app-four", "version": "0.1.0", "private": true, "dependencies": { "@material-ui/core": "^4.12.4", "@material-ui/icons": "^4.11.3", "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^13.2.0", "@testing-library/user-event": "^13.5.0", "react": "^18.1.0", "react-dom": "^18.1.0", "react-router-dom": "^6.3.0", "react-scripts": "^5.0.1", "web-vitals": "^2.1.4" }

El terminal dice que ahora puede ver ft-app-four en el navegador.

Local: http://localhost:3000
En su red: http://192.168.42.136:3000

Tenga en cuenta que la compilación de desarrollo no está optimizada. Para crear una compilación de producción, use npm run build.

paquete web compilado con éxito

pero no puedo ver nada en la pantalla del navegador