ASP.NET Core视图组件返回空白页问题求助

问题根源 #

你在Razor视图里只执行了Component.InvokeAsync方法，但没有通过Razor语法将返回的视图内容输出到页面，所以即便方法和视图都执行了，页面也不会显示任何内容。

直接修复 #

把调用代码前的@{}块改成带@的输出写法：

@await Component.InvokeAsync("Edit", new { config = new List<EditConfiguration>() })

原来的@{ await ...; }只是执行异步操作，不会把返回的IViewComponentResult渲染到响应中，加上@后Razor引擎才会处理并输出视图内容。

可选优化验证 #

• 视图组件命名符合框架约定：你的EditViewComponent类名正确，调用时用"Edit"是对的（自动去掉ViewComponent后缀）。
• 视图路径可以简化：如果遵循默认规范，把return View("~/Views/Edit/Edit.cshtml", config);改成return View(config);，框架会自动查找/Views/Shared/Components/Edit/Default.cshtml或者当前控制器视图目录下的Components/Edit/Default.cshtml，减少手动写路径出错的概率。
• 确认视图模型声明：如果后续要使用模型，确保Edit.cshtml顶部有@model List<EditConfiguration>，避免模型绑定问题。

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