解决Blazor WASM中激活服务时无法解析DbContext的问题

错误原因 #

你在Blazor WASM客户端注册了CustomerService，但该服务依赖DataContext（EF Core数据库上下文）——而Blazor WASM客户端运行在浏览器沙箱中，无法直接实例化EF Core的DbContext：

1. 浏览器环境不支持直接连接SQL Server这类远程数据库；
2. 你仅在服务端Startup.cs中注册了DataContext，客户端DI容器中没有这个服务的注册，导致解析CustomerService时找不到依赖的DataContext。

解决方案（标准推荐方案） #

采用Blazor WASM的标准架构：服务端处理数据库交互，客户端通过HttpClient调用服务端API，步骤如下：

1. 服务端添加API控制器 #

创建一个API控制器，封装CustomerService的业务逻辑，暴露HTTP接口：

[ApiController]
[Route("api/customers")]
public class CustomersController : ControllerBase
{
    private readonly ICustomerService _customerService;

    public CustomersController(ICustomerService customerService)
    {
        _customerService = customerService;
    }

    // 获取所有客户
    [HttpGet]
    public async Task<IActionResult> GetAllCustomers()
    {
        var customers = await _customerService.GetAllAsync();
        return Ok(customers);
    }

    // 根据ID获取客户
    [HttpGet("{id}")]
    public async Task<IActionResult> GetCustomerById(int id)
    {
        var customer = await _customerService.GetByIdAsync(id);
        if (customer == null) return NotFound();
        return Ok(customer);
    }

    // 其他CRUD方法（新增、修改、删除）按需添加
}

2. 客户端实现API调用版的CustomerService #

修改客户端的CustomerService，不再依赖DataContext，而是通过HttpClient调用服务端API：

public class CustomerService : ICustomerService
{
    private readonly HttpClient _httpClient;

    public CustomerService(HttpClient httpClient)
    {
        _httpClient = httpClient;
    }

    public async Task<List<Customer>> GetAllAsync()
    {
        return await _httpClient.GetFromJsonAsync<List<Customer>>("api/customers");
    }

    public async Task<Customer> GetByIdAsync(int id)
    {
        return await _httpClient.GetFromJsonAsync<Customer>($"api/customers/{id}");
    }

    // 对应服务端API的其他方法实现
}

3. 保持客户端服务注册不变 #

客户端Program.cs中原本的ICustomerService注册无需修改，因为现在的CustomerService依赖的HttpClient已经注册：

builder.Services.AddScoped<ICustomerService, CustomerService>();

备选方案（仅适用于本地离线数据） #

如果你的场景是客户端本地存储数据（不需要和服务端SQL Server同步），可以使用SQLite WASM：

1. 给客户端项目安装Microsoft.EntityFrameworkCore.Sqlite.Wasm NuGet包；
2. 在客户端Program.cs中注册DataContext：

builder.Services.AddDbContext<DataContext>(options =>
    options.UseSqlite("Data Source=local_customers.db"));

注意：此方案的数据仅存储在浏览器本地，和服务端数据库完全隔离，仅适合离线场景。

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