我使用的是React v18、Router v6和模块联合
this is root app routes
this is Payments app routes in .packages/payments/scr/app
问题是Payments
页面被呈现并且工作正常,但是Payments
内的所有路由在this is what i get, no errors处根本不工作
我猜Payments
内部的路由没有初始化,我不明白为什么。All bootstrap.jsx
files are made accordingly by React v18 docs
在Payments
应用程序内添加BrowserRouter
导致错误
不能在另一个<Router>
内渲染<Router>
也许我没有看到什么,让我知道,如果你需要任何其他设置细节。
1条答案
按热度按时间7rfyedvj1#
当
App
主代码将通配符"*"
匹配器附加到要匹配的派生路由时,它是正确的。问题出在
PaymentsKzPage
呈现派生路由中。嵌套的Routes
组件构建其与父路由 * 相对 * 的路由,例如"/payments-kz"
。派生路由不正确地预先添加了"payments-kz"
路径段。示例:
路径实际解析为:
"/payments-kz/payments-kz/catalog/:categoryId/providers/:subcategoryId"
要解决此问题,您应该从派生路由中删除
"/payments-kz"
段。