在WPF Blazor混合应用中集成MudBlazor无样式，求问题排查

我按照微软官方文档搭建了WPF Blazor混合应用，再依照MudBlazor安装指南添加组件。

MainWindow后台代码：

public MainWindow()
{
    InitializeComponent();
    var serviceCollection = new ServiceCollection();
    serviceCollection.AddWpfBlazorWebView();
    serviceCollection.AddMudServices();
    Resources.Add("services", serviceCollection.BuildServiceProvider());
}

Counter Razor组件代码：

<MudText Typo="Typo.h1">Counter</MudText>

<MudText Typo="Typo.h5">Current state: @currentCount</MudText>

<MudButton Variant="Variant.Filled" Color="Color.Secondary" 
@onclick="IncrementCount">Click me</MudButton>

@code {
   private int currentCount = 0;

   private void IncrementCount()
   {
       currentCount++;
   }
}

运行后MudBlazor组件无预期样式，效果如下：

请问我哪里操作有误？

问题原因及修复方案 #

问题出在未正确引入MudBlazor的静态资源，WPF Blazor WebView不会自动加载组件库的样式和脚本，需要手动配置以下步骤：

1. 添加MudBlazor资源引用到index.html
   在项目的wwwroot/index.html文件中：

   • 在<head>标签内添加样式引用：

     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
     

   • 在</body>标签前添加脚本引用：

     <script src="_content/MudBlazor/MudBlazor.min.js"></script>
     

2. 配置全局命名空间导入
   打开_Imports.razor文件，添加MudBlazor的命名空间，避免每个组件手动导入：

   @using MudBlazor
   

3. 确认BlazorWebView的服务绑定
   检查MainWindow.xaml中的BlazorWebView是否正确绑定了服务资源，确保配置如下：

   <blazor:BlazorWebView HostPage="wwwroot/index.html" Services="{StaticResource services}">
       <blazor:BlazorWebView.RootComponents>
           <blazor:RootComponent Selector="#app" ComponentType="{x:Type local:Counter}" />
       </blazor:BlazorWebView.RootComponents>
   </blazor:BlazorWebView>
   

完成上述操作后重新编译运行，MudBlazor组件的样式即可正常渲染。

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