路由器与React Chrome扩展

Question

我正在开发一个Chrome扩展与React，但我不能摆脱这个警告:No routes matched location "/popup.html"，它导致应用程序根本不启动。

我使用这个模板来创建应用程序，我的app .js看起来像这样:

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;

在使用路由之前，只有return (<Signup/>)工作，但不是所有的都坏了。

Answer 1

所以我找到了一个简单的答案，如果可以帮助人们:

把import { BrowserRouter }换成import { HashRouter }就可以了