Blazor WASM项目BuildWebCompiler在Azure Pipeline编译失败求助

问题根因 #

• 报错的核心是Blazor PWA构建流程中的GenerateServiceWorkerAssetsManifest任务无法找到Scoped CSS捆绑生成的{AppName}.Services.App.styles.css文件，该问题由BuildWebCompiler的执行时机和Blazor内置构建任务的顺序冲突导致。
• 本地Visual Studio运行时会先执行Scoped CSS预处理，提前在obj目录生成对应样式文件，增量构建流程不会触发任务冲突，因此运行正常。
• Azure流水线为全量干净构建，BuildWebCompiler会在Scoped CSS捆绑任务执行前就生成覆盖了razor.css文件，导致Scoped CSS捆绑任务被判定为无需执行，最终生成Service Worker资产清单时找不到目标文件。

修复方案 #

方案1：调整BuildWebCompiler执行顺序 #

在Blazor项目的.csproj文件中添加以下配置，强制BuildWebCompiler在Scoped CSS捆绑任务完成后再运行：

<PropertyGroup>
  <WebCompilerBuildAfterTargets>ScopedCssBundle</WebCompilerBuildAfterTargets>
</PropertyGroup>

方案2：强制开启Scoped CSS捆绑 #

如果方案1不生效，可显式指定Scoped CSS的生成路径和开关，避免任务被跳过：

<PropertyGroup>
  <DisableScopedCssBundling>false</DisableScopedCssBundling>
  <ScopedCssBundle>obj/$(Configuration)/$(TargetFramework)/scopedcss/bundle/$(AssemblyName).styles.css</ScopedCssBundle>
</PropertyGroup>

方案3：替换Sass编译工具 #

可将BuildWebCompiler替换为原生兼容.NET构建流程的LibSassBuilderNuGet包，该包默认适配Blazor Scoped CSS的执行顺序，无需额外配置即可在Azure流水线正常构建。

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