NavigationManager.NavigateTo在特定异步场景下无法导航的问题咨询

问题背景 #

在.NET 8 RC2的Blazor Web App中，启用[StreamRendering]的组件里，NavigationManager.NavigateTo在特定异步调用方式下无法触发导航：

• 直接await Test()时导航正常
• 使用await Task.WhenAny(task)时导航失效

核心原因 #

问题的本质是流式渲染模式下组件生命周期与导航时机的冲突：

1. 正常工作的逻辑
   当直接await Test()时，OnInitializedAsync会等待Test的全部流程完成——包括1秒延迟后的NavigateTo调用。在整个OnInitializedAsync执行期间，Blazor不会向客户端输出任何内容，直到导航指令触发。此时客户端会直接执行跳转，不会渲染/test页面的内容，导航生效。

2. 失效的逻辑
   启用[StreamRendering]后，Blazor会尽可能早地向客户端流式输出HTML内容，只要OnInitializedAsync返回已完成的任务，就会启动渲染流程。
   使用Task.WhenAny时，尽管实际也等待了Test任务完成，但这种调用方式会让Blazor的生命周期检测逻辑提前判定OnInitializedAsync已完成，开始向客户端输出/test页面的内容。当后续NavigateTo调用时，客户端已经开始接收渲染内容，Blazor无法中断正在进行的流式渲染流程，导致导航指令无法被正确执行。
   另外，此时NavigateTo的调用可能脱离了组件的渲染同步上下文，进一步导致导航指令无法被Blazor的框架层捕获处理。

验证与修复建议 #

• 验证方式：去掉组件的[StreamRendering]属性，两种场景下导航都会正常工作，可确认问题与流式渲染强相关。
• 修复方案：
  1. 避免在流式渲染组件的初始化逻辑中使用Task.WhenAny这类会提前结束生命周期的异步调用方式，确保NavigateTo在OnInitializedAsync完全结束前触发。
  2. 如果必须使用Task.WhenAny，可通过InvokeAsync将NavigateTo包裹在组件的同步上下文中执行：

     private async Task Test()
     {
         await Task.Delay(1000);
         await InvokeAsync(() => NavigationManager.NavigateTo("/"));
     }
     

内容的提问来源于stack exchange，提问作者Tobias