我的应用使用react-router
v3。我们使用WebPack在路由更改上异步加载块(通过动态import
语句)。
在某些情况下,单击<Link/>
太快会导致地址栏无法更新(可能是因为点击速度比WebPack块可以解决的速度快?)。
该问题偶尔出现,与高网络延迟相关。较高的网络延迟(例如3g)会增加问题发生的可能性。
示例路由配置:
{
component: App,
indexRoute: controlsRoute,
childRoutes: [
{
path: "app/account",
getComponent(_discard: void, cb: Function) {
import("./account/index") // WebPack dynamic import
.then(module => cb(undefined, module.Account))
.catch((e: object) => cb(undefined, crashPage(e)));
}
}
]
}
<link/>
用法:
<Link to="/app/account" onClick={props.close("accountMenuOpen")}>
{t("Account Settings")}
</Link>
在异步加载WebPack块时是否存在导致React Router失去状态跟踪的常见错误?