WPF Blazor项目CSS隔离文件未生成及404问题求助

针对你的Sppro Designer项目，按以下步骤排查解决：

1. 确认项目配置与生成文件名 #

• 打开项目的.csproj文件，确保<PropertyGroup>节点下存在<EnableScopedCss>true</EnableScopedCss>（默认创建Blazor项目时会自动添加，若缺失则手动补充）。
• 项目名称中的空格会被自动替换为下划线，因此正确的隔离CSS文件名是Sppro_Designer.styles.css，删除index.html中带空格的引用行，只保留<link href="Sppro_Designer.styles.css" rel="stylesheet" />。

2. 在WPF宿主中启用静态Web资产 #

WPF Blazor的服务配置在MainWindow.xaml.cs中，通过ConfigureWebHostDefaults添加静态Web资产支持，修改Host构建代码：

var host = Host.CreateDefaultBuilder()
    .ConfigureWebHostDefaults(webBuilder =>
    {
        // 启用静态Web资产，确保隔离CSS能被正确加载
        webBuilder.UseStaticWebAssets();
        // 指定wwwroot为静态文件根目录（默认已配置，可按需确认）
        webBuilder.UseWebRoot("wwwroot");
    })
    .ConfigureServices(services =>
    {
        services.AddBlazorWebView();
        // 你的其他服务配置
    })
    .Build();

blazorWebView.Host = host;

3. 清理重建项目 #

• 删除项目的bin和obj文件夹，清除编译缓存。
• 重新生成解决方案，确保隔离CSS文件被正确生成到输出目录的wwwroot下。

4. 检查razor.css文件属性 #

右键你的page.razor.css文件，查看属性：

• 生成操作：确认设置为ScopedCss（默认创建时自动配置，若被修改需改回）。
• 复制到输出目录：设置为如果较新则复制即可。

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