安装含静态CSS文件的RCL NuGet包后出现404错误求助

针对你遇到的RCL打包NuGet后Blazor WASM引用CSS报404的问题，给你几个具体的排查方向：

• 检查RCL静态文件的项目配置
  确保CSS文件的生成操作设为嵌入式资源，复制到输出目录设为如果较新则复制。同时查看RCL的.csproj文件，确认包含以下配置，保证静态资源被正确打包进NuGet：

  <ItemGroup>
    <EmbeddedResource Include="wwwroot\**\*" />
    <Content Include="wwwroot\**\*" Pack="true" PackagePath="contentFiles\any\any\wwwroot" />
  </ItemGroup>
  

• 核对NuGet包内的资源路径
  用NuGet Explorer查看包内结构，确认静态资源位于contentFiles\any\any\wwwroot目录下，路径层级和你在RCL中的一致。

• 修正Blazor项目的CSS引用路径
  index.html中引用CSS时，必须使用_content/[NuGet包ID]/作为前缀，比如你的包ID是MyCustomRCL，CSS路径是wwwroot/css/styles.css，那么引用应该是：

  <link href="_content/MyCustomRCL/css/styles.css" rel="stylesheet" />
  

  这里最容易出错的地方就是包ID拼写错误，务必和NuGet包的实际ID完全一致。

• 清理缓存并重试
  删除Blazor项目的bin、obj目录，以及本地NuGet缓存中对应包的文件夹（路径一般是%userprofile%\.nuget\packages\[你的包ID]），然后重新打包NuGet并安装到Blazor项目。

• 确认UseStaticWebAssets()的位置
  在Blazor WASM的Program.cs中，builder.WebHost.UseStaticWebAssets()必须放在builder.Build()之前，代码顺序如下：

  var builder = WebAssemblyHostBuilder.CreateDefault(args);
  // 其他配置...
  builder.WebHost.UseStaticWebAssets();
  await builder.Build().RunAsync();
  

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