Nextjs 中“加载初始道具已取消”的原因是什么？

Question

在我们的应用程序中，每天有几个不同的用户（根据 Plumbr 的说法约为 20 个）遇到以下异常

Error: Loading initial props cancelled

我们已经确定错误来自_getData<T>router.ts 中的方法，但无法找出原因或重现它。我们尝试使用 Chrome 开发工具添加限制，并执行快速连续调用路由器但没有骰子的多个操作。

导致错误的原因是什么？

Answer 1

格雷戈尔有一颗真理的种子。发生这种情况的原因可能是用户在页面完全加载之前停止了页面加载。

另外，当您的数据库查询承诺尚未解决并且您的路由器已经尝试路由时，可能会发生这种情况。将您推送到另一个页面。作为解决方案，请尝试在 router.push 上设置 200-400 毫秒延迟的超时。

与“路线取消”相同。如果取消路由加载（例如，通过连续快速单击两个链接），将触发routeChangeError。并且传递的 err 将包含设置为 true 的取消属性。