Estoy desarrollando una extensión de Chrome con React, pero no puedo deshacerme de esta advertencia: No routes matched location "/popup.html" , hace que la aplicación simplemente no se inicie.
Usé esta plantilla para crear la aplicación y mi App.js se ve así:
import { BrowserRouter as Router, Route, Routes } from "react-router-dom" import PrivateRoute from "./components/PrivateRoute" function App() { return ( <Router> <AuthProvider> <Routes> <Route exact path="/dashboard" element={<PrivateRoute> <Dashboard /> </PrivateRoute> } /> <Route path="/signup" component={Signup} /> <Route path="/login" component={Login} /> <Route path="/forgot-password" component={ForgotPassword} /> <Route exact path="/update-profile" element={<PrivateRoute> <UpdateProfile /> </PrivateRoute> } /> </Routes> </AuthProvider> </Router> ) } export default App; Antes de usar las rutas, solo funcionaba el return (<Signup/>) pero no todo estaba roto.
Así que encontré una respuesta simple si eso puede ayudar a las personas:
Simplemente reemplace import { BrowserRouter } con import { HashRouter } y eso funcionará perfectamente bien