Blazor分部类组件无法在视图中直接调用接口实现方法

核心问题 #

你在Razor视图中重复声明了@inherits，导致Razor生成的分部类与代码后置的分部类脱节，编译器无法识别接口方法。

Blazor的Razor文件是组件分部类的一部分，当你在代码后置中已经定义了TableComponent<TRow, TTable>继承MyComponentBase并实现IMyInterface，Razor视图不需要再写@inherits——重复声明会让Razor部分的类仅以MyComponentBase作为基类，完全忽略代码后置里的接口实现，自然找不到Export()方法；而加@implements IMyInterface时，Razor部分的类没有实现接口方法，所以报错。

修复方案 #

删除Razor视图中的@inherits声明，保留@typeparam即可：

@typeparam TRow where TRow : DataRow
@typeparam TTable where TTable : TypedTableBase<TRow>

<button @onclick="@(() => Export())">Export</button>    
<button @onclick="@(() => ((IMyInterface)this).Export())">Export</button>

原理说明 #

• 去掉@inherits后，Razor视图会作为TableComponent<TRow, TTable>的分部类存在，自动继承基类并拥有接口的所有实现方法，此时直接调用Export()就能被编译器识别。
• 之前显式转接口能生效，是因为this实际指向的是完整的TableComponent实例，它确实实现了接口，强制转换后编译器能找到方法，但这是绕开问题的临时写法，并非最优解。

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