.NET 8.0共享项目中Razor组件如何实现交互？

核心结论 #

共享项目完全支持使用交互式组件，你遇到的错误是服务器端缺少了InteractiveAuto渲染模式所需的配置。

错误原因 #

InteractiveAuto渲染模式会根据客户端的网络和环境自动切换InteractiveWebAssembly或InteractiveServer模式。你的服务器端目前只配置了WebAssembly模式支持，当组件尝试切换到Server模式时，就会触发找不到对应端点的错误。

解决步骤 #

修改服务器端Program.cs中的组件映射代码，添加AddInteractiveServerRenderMode()：

app.MapRazorComponents<web.components.App>()
 .AddInteractiveWebAssemblyRenderMode()
 .AddInteractiveServerRenderMode() // 新增该行以支持Server渲染模式
 .AddAdditionalAssemblies(typeof(wasm._imports).Assembly);

额外说明 #

• 去掉@rendermode="InteractiveAuto"后组件能渲染但按钮失效，是因为此时组件使用的是静态渲染模式，没有绑定交互逻辑的能力，必须指定交互式渲染模式才能启用组件的交互功能。
• 如果你的场景只需要WebAssembly模式，也可以直接将组件渲染模式改为@rendermode="InteractiveWebAssembly"，这样服务器端无需添加Server模式配置，但InteractiveAuto的自适应灵活性会丢失。

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