Blazor组件(App.razor)的.csproj文件强制添加元素问题求助

原因 #

你把App.razor里的@code代码移到App.razor.cs后，Visual Studio自动在.csproj里添加的配置，是用来标记.razor.cs文件与对应.razor组件的从属关系的。删掉这些配置后，编译器无法识别这两个文件属于同一个partial类，就会出现编译错误——要么判定类重复定义，要么找不到组件的代码逻辑关联。

解决办法 #

1. 恢复.csproj中的关联配置
   把你删掉的配置项重新添加回来，一般格式如下：

   <ItemGroup>
     <Compile Update="Components\App.razor.cs">
       <DependentUpon>App.razor</DependentUpon>
     </Compile>
   </ItemGroup>
   

   其中<DependentUpon>节点的作用是告知编译器：App.razor.cs是App.razor的代码后置文件，两者属于同一个partial类。

2. 规范代码文件创建流程
   如果不想手动修改csproj，下次拆分代码时，右键点击App.razor文件，选择「添加 -> 类」并命名为App.razor.cs，Visual Studio会自动帮你配置好从属关系，避免这类问题。

额外注意事项 #

• 确保App.razor.cs里的类是public partial class App : ComponentBase，与App.razor生成的组件类保持一致的命名和partial修饰符。
• 检查App.razor文件中是否残留@code块，若有则删除，避免出现类成员重复定义的错误。

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