Next.js未处理的运行时错误错误：取消渲染路线

cngwdvgl 于 2023-06-29 发布在其他

关注(0)|答案(1)|浏览(170)

我得到了Unhandled Runtime Error Error: Cancel rendering route
我在我的navBar上有这个功能：

const userData={
    id:1,
    email: "",
    name: "",
    lastName: "",
    photo: "",
    token: "",
    onLine: false
}

const router = useRouter();
const logOut = () => {
    dispatch( setUserLogged(userData) )
    router.push('/');
}

当然是import { useRouter } from 'next/router';。
按钮

<Link href="#" onClick={()=>logOut()} >
   Log out
</Link>

所以，在我的导航栏我有选项“注销”，这工作关闭会话，所以，当我点击按钮Log Out，这个按钮调用函数logOut然后我得到Unhandled Runtime Error Error: Cancel rendering route
是什么导致了这个错误？？？

next.js

来源：https://stackoverflow.com/questions/76565960/next-js-unhandled-runtime-error-error-cancel-rendering-route

1条答案

按热度按时间

mcvgt66p1#

您在Link标记上调用了router.push，但没有阻止其事件，因此发生了此错误。
对于解决方案，添加e.preventDefault() to your Link`标记，如下所示：

<Link href="#" onClick={(e)=> {
 e.preventDefault();
 logOut();
} >
 Log out
</Link>

赞(0）回复(0）举报 2023-06-29

我来回答

Next.js未处理的运行时错误错误：取消渲染路线

1条答案

相关问题

热门标签

最新问答