WebAssembly应用程序在.NET 5.0中使用MatBlazor 2.8.0 -无法在“MatBlazor.MatPortalHost”类型上为属性“PortalService”提供值

Question

我遵循了https://www.matblazor.com/的安装说明。

1.在主MatBlazor中添加@Add _Imports.razor

@using MatBlazor

2.将脚本部分添加到index.html (头部分)

<script src="_content/MatBlazor/dist/matBlazor.js"></script>
<link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />

3.在Startup.cs中添加服务注册

services.AddMatBlazor();

4.将MatPortalHost组件添加到根组件(App.razor)中，用于MatDialogService、MatPortalService等服务

<MatPortalHost></MatPortalHost>

启动时出错：

Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer100未处理异常呈现组件:无法为‘MatBazor.MatPortalhost’类型上的属性'PortalService‘提供一个值。没有“MatBazor.IMatPortalService”类型的注册服务。System.InvalidOperationException:不能为‘MatBazor.MatPortalhost’类型的属性'PortalService‘提供一个值。没有'MatBlazor.IMatPortalService'.类型的注册服务。

Answer 1

事实证明，3.Add registration of service to Startup.cs对Blazor应用是不一样的。

将builder.Services.AddMatBlazor();添加到BlazorWebAssemblyApp.Client中的Program.cs Main方法中，然后一切都会正常工作。无需编辑BlazorWebAssemblyApp.Server或BlazorWebAssemblyApp.Shared中的任何内容。