Blazor Hybrid WebView引用Razor类库wwwroot资源失败求助

1. 配置Razor类库的资源属性 #

在你的Razor类库（GUI.Blazor）的.csproj文件中，添加以下配置，确保wwwroot下的所有资源会被同步到宿主项目的输出目录：

<ItemGroup>
  <Content Include="wwwroot/**">
    <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
    <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
  </Content>
</ItemGroup>

2. 宿主项目引用类库的正确方式 #

在MAUI或WPF项目的.csproj中，通过项目引用关联类库，并确保类库资源能被宿主项目访问：

<ItemGroup>
  <ProjectReference Include="..\GUI.Blazor\GUI.Blazor.csproj">
    <PrivateAssets>none</PrivateAssets>
  </ProjectReference>
</ItemGroup>

3. 设置BlazorWebView的HostPage路径 #

运行时宿主项目的输出目录中会包含类库复制过来的wwwroot资源，因此HostPage直接指向宿主输出目录内的路径即可，不要用类库的源文件路径：

WPF项目写法 #

<BlazorWebView HostPage="wwwroot/index.html">
  <!-- 路由等配置 -->
</BlazorWebView>

MAUI项目写法（XAML） #

<BlazorWebView HostPage="wwwroot/index.html">
  <BlazorWebView.RootComponents>
    <RootComponent Selector="#app" ComponentType="{x:Type local:Main}" />
  </BlazorWebView.RootComponents>
</BlazorWebView>

4. 排查验证 #

• 编译宿主项目后，检查输出目录（如bin/Debug/net8.0-windows/wwwroot），确认类库的图片、样式等资源已被复制
• 检查类库的.csproj是否存在<Content Remove="wwwroot/**" />这类会覆盖配置的规则，如有则删除
• 清理解决方案后重新生成，避免缓存导致的资源未同步问题

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