我正在制作有管理和用户页面的网站.
一开始,我把这两个合并成一个<Routes>
<BrowserRouter>
<Routes>
// user related pages...
<Route path="/" element={<>}/>
<Route path="/signin" element={<>}/>
.
.
.
// admin related pages
<Route path="/admin" element={<>}/>
<Route path="/admin/signin" element={<>}/>
.
.
.
</Routes>
</BrowserRouter>
由于我的Router.js中的代码越来越长, 我决定用它们制作组件=>;所以User.js和Admin.js
如下所示:
<BrowerRouter>
<User/>
<Admin/>
</BrowserRouter>
在我的User.js中:
<Routes>
<Route path="/" element={<>}/>
<Route path="/signin" element={<>}/>
</Routes>
在My Admin.js中:
<Routes>
<Route path="/admin" element={<>}/>
<Route path="/admin/signin" element={<>}/>
</Routes>
问题是:路由功能正常工作. 但我在控制台上收到一条警告: 例如)没有与位置匹配的路由...(对于我设置的每条路由)
我在谷歌上搜索了为什么会发生这种情况,一个人建议使用索引"/",但这无济于事……
有谁知道为什么会出现这个警告吗?