如何在WinForms中引用Blazor Hybrid项目？样式异常求助

安全阿岳

2026-7-3

Blazor Hybrid嵌入WinForms样式不显示的排查与解决

核心排查与修复步骤

静态资源嵌入配置
确认Blazor Hybrid项目中wwwroot下的CSS、JS等资源文件，在属性设置里将「生成操作」改为Embedded resource，同时检查项目文件.csproj包含以下配置：
```
<ItemGroup>
  <EmbeddedResource Include="wwwroot\**" />
</ItemGroup>
```

BlazorWebView初始化校验
在WinForms项目中初始化BlazorWebView时，必须指定正确的HostPage路径，并确保服务注入完整：

var blazorWebView = new BlazorWebView();
blazorWebView.HostPage = "wwwroot/index.html";
blazorWebView.Services = serviceProvider;
blazorWebView.RootComponents.Add<App>("#app");

样式引用路径检查
打开Blazor项目的index.html，确认CSS引用使用相对路径，避免绝对路径或未正确部署的外部链接：
```
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
```
项目依赖与SDK配置
确保WinForms项目对Blazor Hybrid项目使用项目引用，而非文件引用；同时在WinForms项目的.csproj中添加Blazor WebView SDK引用：
```
<ItemGroup>
  <FrameworkReference Include="Microsoft.AspNetCore.Components.WebView.WindowsForms" />
</ItemGroup>
```
静态资源中间件注册
在Blazor Hybrid项目的Program.cs中，确保注册了静态资源加载相关的服务与中间件：
```
builder.Services.AddBlazorWebView();
// Server模式需额外添加
app.UseStaticFiles();
```