.NET 8 Blazor Web App中InteractiveWebAssembly页面依赖注入疑问

核心原因确认 #

你推测的完全正确：标记@rendermode InteractiveWebAssembly的页面默认会执行服务端预渲染，所以服务端DI容器必须注册对应服务，否则预渲染阶段会直接抛出服务未找到的异常。

实现纯Wasm渲染的两种可行方案 #

方案1：单个页面禁用预渲染 #

直接在目标页面的渲染模式配置中关闭预渲染，页面将完全跳过服务端渲染流程，仅在客户端Wasm环境运行。
修改页面的rendermode声明：

@rendermode InteractiveWebAssembly(prerender: false)
@inject ITestIoc testIoc

<!-- 页面内容 -->

设置后，该页面仅需在客户端Program.cs中注册ITestIoc服务，服务端无需重复注册。

方案2：路由分组批量配置 #

如果有多个页面需要纯Wasm渲染，可通过路由前缀+全局配置批量禁用预渲染：

1. 在服务端Program.cs中，针对指定路由范围关闭预渲染：

app.MapRazorComponents<App>()
    .AddInteractiveWebAssemblyRenderMode()
    .AddAdditionalAssemblies(typeof(Counter).Assembly)
    .WithInteractiveWebAssemblyRenderModeOptions(options =>
    {
        // 对匹配"/wasm-only/**"的路由禁用预渲染
        options.DisablePrerenderingForRoutes("/wasm-only/**");
    });

2. 将需要纯Wasm渲染的页面路由统一添加前缀，比如修改Counter.razor的路由：

@page "/wasm-only/counter"
@rendermode InteractiveWebAssembly
@inject ITestIoc testIoc

该方式下，匹配前缀的所有页面都会跳过服务端预渲染，仅需在客户端注册依赖。

注意事项 #

• 禁用预渲染后，首次加载页面会有短暂空白（需等待Wasm下载初始化），可添加加载提示优化体验。
• 如果页面需要SEO友好的内容，纯Wasm渲染可能不适用，这种情况建议保留预渲染，同时在服务端注册空实现或轻量版的服务用于预渲染阶段。

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