Blazor组件基类依赖注入服务失败？CS7036报错排查

问题场景 #

已通过builder.Services.AddScoped<IhttpInterface, BlazorQuizApiService>()完成服务注册，尝试将HTTP类依赖注入到组件基类QuizCardBase中，继承该基类的Questions.razor组件编译时触发CS7036错误，提示“没有与QuizCardBase构造函数的必填参数'ihttpInterface'对应的实参”。

错误详情：

Severity  Code    Description Project File    Line    Suppression State   Details
Error (active)    CS7036  There is no argument given that corresponds to
the required parameter 'ihttpInterface' of
'QuizCardBase.QuizCardBase(IhttpInterface)'   BlazorQuiz  G:\GitMaster\BlazorQuiz\BlazorQuiz\BlazorQuiz\Components\Pages\Quiz\Questions.razor 2

相关代码：

QuizCardBase类 #

public class QuizCardBase : ComponentBase
{
    protected readonly IhttpInterface _httpInterface;
      
    public QuizCardBase(IhttpInterface ihttpInterface)
    {
        _httpInterface = ihttpInterface;
    }
    // 其他成员与方法...
}

Questions.razor组件 #

@page "/quiz"
@using BlazorQuiz.Pages
@inherits QuizCardBase
<!-- 组件HTML与代码... -->

错误原因 #

Blazor的.razor组件在编译时会自动生成对应C#类，当使用@inherits指定基类时，生成的类默认会调用基类的无参构造函数。但你的QuizCardBase仅定义了带IhttpInterface参数的构造函数，未提供无参构造函数，导致编译阶段无法匹配到合适的构造函数，从而抛出CS7036错误。

另外，Blazor组件的依赖注入机制不支持直接通过基类构造函数注入依赖，必须遵循Blazor规范使用属性注入。

解决方案 #

将基类的构造函数注入改为属性注入，使用[Inject]特性标记依赖属性：

修改后的QuizCardBase代码：

public class QuizCardBase : ComponentBase
{
    [Inject]
    protected IhttpInterface _httpInterface { get; set; }

    // 移除带参数的构造函数
    // 其他成员与方法...
}

这样Blazor的依赖注入系统会自动在组件初始化时为_httpInterface赋值，无需手动传递构造参数，编译错误即可解决。

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