Blazor WASM客户端Razor组件无法注入服务器端注册服务的问题

你犯的核心错误是搞混了Blazor WASM客户端和服务器端的边界：

• Blazor WASM客户端运行在浏览器里，根本看不到服务器端项目里的代码，所以你在服务器端定义的IUpdateGui接口，客户端自然找不到。
• 服务器端的依赖注入容器和客户端是完全分开的，两边的服务注册互不影响，客户端没法用服务器端注册的服务。

下面是正确的实现流程：

1. 把接口放到客户端能访问的地方 #

要么把IUpdateGui接口直接移到客户端项目里，要么建一个共享类库，把接口放进去，让客户端和服务器端都引用这个类库。这样客户端才能识别到这个接口类型。

示例接口代码（客户端/共享项目）：

public interface IUpdateGui
{
    event Action OnGuiUpdate;
    void TriggerUiUpdate();
}

2. 实现客户端侧的服务 #

既然要在客户端Razor组件里订阅事件，这个服务的逻辑就得是客户端能跑的。把UpdateGui实现类移到客户端项目里：

public class UpdateGui : IUpdateGui
{
    public event Action OnGuiUpdate;

    public void TriggerUiUpdate()
    {
        OnGuiUpdate?.Invoke();
    }
}

3. 在客户端注册服务 #

打开客户端项目的Program.cs（不是服务器端的），注册这个服务：

builder.Services.AddScoped<IUpdateGui, UpdateGui>();

4. 在Razor组件里注入并使用 #

现在就能正常注入，然后订阅事件了，记得用完取消订阅避免内存泄漏：

@inject IUpdateGui _updateGui
@implements IDisposable

<p>UI更新状态：@updateStatus</p>

@code {
    private string updateStatus = "未更新";

    protected override void OnInitialized()
    {
        _updateGui.OnGuiUpdate += UpdateUi;
    }

    private void UpdateUi()
    {
        updateStatus = "已更新";
        StateHasChanged();
    }

    public void Dispose()
    {
        _updateGui.OnGuiUpdate -= UpdateUi;
    }
}

额外说明 #

如果你的需求是服务器端要主动通知客户端更新UI，那不能用这种服务注入的方式，得用SignalR做实时通信：

• 服务器端搭建SignalR Hub
• 客户端连接Hub，监听服务器发送的消息
• 客户端的IUpdateGui服务封装SignalR的消息处理，触发UI更新事件

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