为什么Blazor组件中的InvokeAsync调用显示错误？如何修复？

问题原因 #

这是Visual Studio 2019 自带的Razor语言智能提示（IntelliSense）的已知缺陷：
使用代码分离的partial类模式开发Blazor组件时，VS的静态检查不会主动同步.razor文件自动生成的父类继承关系到对应的.razor.cs文件中，导致IntelliSense无法识别你的组件类实际继承自ComponentBase，会把InvokeAsync、StateHasChanged等父类成员误判为不存在的错误。
实际编译时MSBuild会自动合并两个partial类、补全继承关系，所以构建和运行不会受影响。

修复方案 #

• 方案1（永久生效，推荐）：手动给.razor.cs的partial类添加继承声明，确保引用Microsoft.AspNetCore.Components命名空间即可：

using Microsoft.AspNetCore.Components;

partial class TransactionTableView : ComponentBase
{
    // 原有代码保持不变
}

• 方案2：升级Visual Studio 2019到最新正式版，或改用Visual Studio 2022，新版Razor工具链已经修复了该智能提示同步bug，可自动识别partial类的继承关系。
• 方案3（临时屏蔽）：打开错误列表面板，将顶部筛选条件从“全部”改为“仅生成”，即可隐藏IntelliSense抛出的假错误，不影响实际编译运行。

额外优化建议 #

不建议直接在Blazor组件中注入ApplicationDbContext，DbContext是作用域服务，和Blazor组件的生命周期不匹配，容易出现并发访问、资源泄漏问题，推荐注入IDbContextFactory<ApplicationDbContext>，每次需要操作数据库时通过工厂创建DbContext实例，使用完及时释放。

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