VS2022下编译Blazor项目，遇到错误如下：
BLAZOR102    The scoped css file 'Pages\ShortCut.razor.css' was defined but no associated razor component or view was found for it.    dts.master.Client    E:\code\git\dts\dts.master\dts.master\Client\Pages\ShortCut.razor.css    1

其中新建组件 (Blazor)文件内容都是正确无误。找了一下午原因，也没有定位到原因，是使用Web Assambly项目时在新建组件Blazor时经常会遇到新建的组件异常问题，新建的组件页面莫名的不执行生命周期，页面无法访问等。最终我把 VS 2022从版本17.1.2升级到版本 17.2.1 并且Clean后重新编译最终成功。

 

 

报错原因

BLAZOR102：scoped css 文件（如 Pages/ShortCut.razor.css）已定义，但找不到对应的 razor 组件或视图。通常是因为 .razor 文件被排除在编译之外，或文件命名、位置不匹配。

解决办法

  • 确认 .razor 与 .razor.css 同名且在同一目录。
  • 检查 .csproj 是否误排除了该文件，或 Build Action 设置不正确。
  • 清理 bin、obj 后重新生成。
  • 若组件确已废弃，删除多余的 .razor.css 文件即可。

相关阅读

参考资料