如何修复为 Razor 组件找到多个作用域 css 文件的 razor 组件

Question

这就是我的项目的样子：

我的剃刀组件只有 css 文件，但是当我尝试构建它时出现错误More than one scoped css files were found for the razor component 'Pages\Randomizer\RandomizeNamesAdvanced.razor'. Each razor component must have at most a single associated scoped css file. 。

我从另一个组件的 css 文件复制粘贴了 css 文件，如果这有什么区别的话。但我已经检查了 css 文件的构建操作是否设置为内容。我怎样才能解决这个问题？

Answer 1

更新（解决方案1）

重命名 .razor 文件后，我再次遇到这个问题。问题出在 .csproj 文件中。确保您的 .css 文件名带有删除属性。

  <ItemGroup>
    <None Remove="Pages\Randomizer\NameCard.razor.css" />
    <None Remove="Pages\Randomizer\RandomizeNamesMedium.razor.css" />    <== this line was missing
    <None Remove="Pages\Randomizer\RandomizeNamesBasic.razor.css" />
  </ItemGroup>

  <ItemGroup>
    <Content Include="Pages\Randomizer\NameCard.razor.css" />
    <Content Include="Pages\Randomizer\RandomizeNamesMedium.razor.css" />   <== this is the file I renamed
    <Content Include="Pages\Randomizer\RandomizeNamesBasic.razor.css" />
  </ItemGroup>

如果这仍然不能解决问题，您可以按照解决方案 2 进行操作，该解决方案基本上是重新添加文件。

解决方案2

不确定是什么导致了问题，但我最终只是删除了该文件并再次将其添加回来。仍然想知道是否有人知道更好的解决方案而不删除文件。

注意：添加样式表后，构建操作设置为“无”，必须手动将其更改为“内容”。