Vite React部署IIS出现Throttling navigation错误,应用异常
错误原因分析
这个错误是Chrome浏览器的IPC限流保护机制触发的,和IIS部署配置、Vite的构建配置关系不大,核心问题是你的React应用在极短时间内发起了大量重复/高频的页面导航请求,浏览器为了防止卡死才弹出这个提示。
常见触发场景:
- 路由跳转逻辑写死循环了:比如在
useEffect里调用导航API但没加正确的依赖项,导致组件每次渲染都触发跳转;或者某个状态变化和路由跳转形成了闭环(路由变→状态更→路由再变) - 交互逻辑出错:比如按钮点击、表单提交等操作被重复绑定,或者代码里不小心写了循环调用
history.push/useNavigate的逻辑 - 第三方组件/插件作祟:比如权限校验组件、埋点工具在后台反复触发导航重定向,自己没察觉到
注意:提示里的命令行开关只是临时调试用的,绝对不能作为生产环境的解决方案,重点还是要揪出代码里的高频导航触发点:
- 全局搜所有调用路由导航的代码(
useNavigate、history.push、<Navigate>组件),检查逻辑是否有循环 - 用Chrome DevTools的Performance面板录制操作过程,看导航事件的触发频率和调用栈
- 排查路由守卫逻辑,比如是否存在未正确终止的重定向链
内容的提问来源于stack exchange,提问作者Joseph Larrivy
相关产品推荐
相关产品推荐

