ASP.NET Core如何将Blazor组件链接渲染至联系人视图

你的问题核心是导航链接的标签助手配置错误，和组件是否注入没有直接关系。

具体错误点 #

• 你当前导航代码里的asp-controller="Controller"、asp-action="Component"是占位符写法，没有匹配到项目中实际存在的控制器和Action方法，点击链接根本无法跳转到正确的联系人页面路由，自然无法加载对应页面里的组件。

修复步骤 #

1. 修正导航链接配置，匹配你项目中实际的联系人页路由。如果是用ASP.NET Core默认MVC模板，联系人页默认在HomeController下的Contact Action，正确代码如下：

<li class="nav-item">
    <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Contact">Contact</a>   
</li>

如果你自定义了控制器/Action名称，把对应属性值替换成你实际定义的名称即可。
2. 确认联系人页视图正确渲染组件：

• 若ContactComponent是MVC视图组件，在对应Action返回的视图文件（默认路径为Views/Home/Contact.cshtml）中添加渲染代码：@await Component.InvokeAsync("ContactComponent")
• 若ContactComponent是Blazor组件，在视图中添加渲染代码：@(await Html.RenderComponentAsync<ContactComponent>(RenderMode.ServerPrerendered))，同时确保_ViewImports.cshtml已经引用了组件所在的命名空间。

标签助手的路由参数必须和项目中实际定义的控制器、Action名称完全一致，否则无法生成正确的跳转地址。

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