Blazored LocalStorage仅首次页面渲染生效，登录后写入本地存储无数据如何解决？

• JS互操作上下文未就绪：Blazored.LocalStorage的底层实现依赖JS互操作调用浏览器原生localStorage API。不管是服务端Blazor、开启预渲染的WebAssembly Blazor，还是.NET 8+的静态渲染模式Blazor应用，在组件完成首次渲染（即OnAfterRenderAsync首次触发）前，JS互操作上下文尚未完成初始化，此时调用存储写入API要么直接抛出异常，要么静默失败。你的代码中使用了空catch块，直接吞掉了所有异常，无法感知写入时的错误。
• 跳转时序冲突：你在写入存储的异步操作完成后立即调用NavigationManager.NavigateTo触发页面跳转，部分低版本Blazored.LocalStorage的异步封装存在时序缺陷，即使方法返回Task已完成，浏览器侧实际的存储写入操作可能还未落盘，跳转操作会中断未完成的写入逻辑。
• 服务注册配置错误：如果没有在启动配置中正确注册Blazored.LocalStorage服务，或者注册的生命周期与组件不匹配，也会导致非渲染阶段的调用失效。

1. 排查异常信息
   首先修改空catch块，输出异常信息确认具体错误：

catch (Exception ex)
{
    // 此处可替换为项目中使用的日志组件输出
    Console.WriteLine($"存储写入失败：{ex.Message}");
    throw;
}

2. 调整渲染配置
   如果你的项目开启了预渲染/使用静态渲染模式：

• 服务端Blazor：修改Pages/_Host.cshtml中的组件渲染参数，将render-mode="ServerPrerendered"改为render-mode="Server"
• .NET 8+ Blazor Web App：给登录组件添加@rendermode InteractiveServer/@rendermode InteractiveWebAssembly标记，启用交互式渲染模式
• WebAssembly Blazor：关闭项目的预渲染配置

3. 修复跳转时序
   升级Blazored.LocalStorage到最新正式版，或者在写入操作完成后添加极短延迟再跳转，确保存储写入落盘：

await AddToStorage("UserToken", Token);
await Task.Delay(50);
navigationManager.NavigateTo("/");

4. 验证服务注册
   确认启动文件Program.cs中已经正确添加服务注册：

// WebAssembly项目
builder.Services.AddBlazoredLocalStorage();
// 服务端项目
builder.Services.AddBlazoredLocalStorageServerSide();

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