Blazor：尝试激活 yyy 时无法解析类型 xx 的服务

Question

我已经阅读了许多关于同一主题的其他 SO 问题，但我找到的答案都不适用于我的案例。

我已经在我的 Startup.cs 中成功添加了 4 个服务，之前它运行良好。然后我添加了第 5 个，现在我意识到有些东西坏了 - 没有任何服务工作。即使我完全删除了第 5 个，其他的现在也因相同的错误而损坏。

尝试激活时无法解析类型 xx 的服务

这是我的 Startup.cs ConfigureServices.cs：

public void ConfigureServices(IServiceCollection services)
{
    services.AddStorage();
    services.AddSingleton<IMyLocalStorage, MyLocalStorage>();
    services.AddSingleton<IFrontEndService, FrontEndService>();
    services.AddSingleton<ISystemProvider, SystemProviderService>();
    services.AddSingleton<IAuthenticationService, AuthenticationService>();
}

这是我注意到错误的最后一个 AuthenticationService，但即使是以前工作的旧服务现在也失败了。

public interface IAuthenticationService
{
   // ... 
}

public class AuthenticationService : IAuthenticationService
{
    private readonly FrontEndService frontEndService;
    private readonly MyLocalStorage myLocalStorage;

    public AuthenticationService(FrontEndService frontEndService, MyLocalStorage myLocalStorage)
    {
        this.frontEndService = frontEndService;
        this.myLocalStorage = myLocalStorage;
    }

    // ...
}

服务简单；一个接口，该接口的一个实现，然后在 Startup.cs 中添加。我不知道它为什么停止工作。

因此，如果我删除 IAuthenticationService，则错误会显示在 FrontEndService 中，然后抱怨 MyLocalStorage：

public interface IFrontEndService
{
    Task<T> GetAsync<T>(string requestUri);
}

public class FrontEndService : IFrontEndService
{
    private readonly HttpClient client;
    private readonly MyLocalStorage myLocalStorage;

    public FrontEndService(HttpClient client, MyLocalStorage myLocalStorage)
    {
         // ...
    }
}

和

public class MyLocalStorage : IMyLocalStorage
{
    public MyLocalStorage(LocalStorage storage)
    {
        this.storage = storage;
    }
}

我在这里错过了什么？

Answer 1

当您调用 IServiceCollection 上的方法（例如 .AddSingleton<IFrontEndService, FrontEndService>()）时，您是在对容器说：“每当您看到 IFrontEndService 依赖项时，就注入一个 FrontEndService 的实例。”现在如果你看看你的AuthenticationService:

public class AuthenticationService : IAuthenticationService
{
    private readonly FrontEndService frontEndService;
    private readonly MyLocalStorage myLocalStorage;

    public AuthenticationService(FrontEndService frontEndService, MyLocalStorage myLocalStorage)
    {
        this.frontEndService = frontEndService;
        this.myLocalStorage = myLocalStorage;
    }

    // ...
}

注意您是如何传递FrontEndService 和MyLocalStorage 的依赖项，而不是您注册的接口。这意味着容器无法识别它们，因此它不知道如何实现依赖图。

您需要更改服务以依赖于接口，因为这些是您在容器中注册的：

public class AuthenticationService : IAuthenticationService
{
    private readonly IFrontEndService frontEndService;
    private readonly IMyLocalStorage myLocalStorage;

    public AuthenticationService(IFrontEndService frontEndService, IMyLocalStorage myLocalStorage)
    {
        this.frontEndService = frontEndService;
        this.myLocalStorage = myLocalStorage;
    }

    // ...
}

Answer 2

@特德， 您还记得几周前的一个问题，您在服务中使用了 LocalStorage 吗？在该服务中，您有一个带有 IStorage 参数的构造函数，但这会导致错误，原因是尽管 LocalStorage 类实现了 IStorage 接口，但该库的创建者将 LocalStorage 作为具体类添加到 DI 容器中：

public static IServiceCollection AddStorage(this IServiceCollection services)
        {
            return services.AddSingleton<SessionStorage>()
                .AddSingleton<LocalStorage>();
        } 

因此，您必须使用

（本地存储）

而不是

（IStorage 存储）

上面的扩展方法，可以改写成这样：

public static IServiceCollection AddStorage(this IServiceCollection services)
            {
                return services.AddSingleton<IStorage, SessionStorage>()
                    .AddSingleton<IStorage, LocalStorage>();
            }  

在这种情况下，您可以在构造函数中使用 IStorage 接口。

现在你可以制定一个一般规则，并据此采取行动。

泰德说：

这很奇怪，因为我以前完全使用过这种方法，而且它 工作正常。如果您阅读文档，Microsoft 也会使用具体的 类，而不是接口

HttpClient 派生自 HttpMessageInvoker。它没有实现任何接口。

此代码-sn-p 显示了如何将 HttpClient 添加到服务容器中，并使其可用于在您的客户端 Blazor 中注入：

services.AddSingleton<HttpClient>(s =>
        {
            // Creating the URI helper needs to wait until the JS Runtime is initialized, so defer it.
            var uriHelper = s.GetRequiredService<IUriHelper>();
            return new HttpClient
            {
                BaseAddress = new Uri(WebAssemblyUriHelper.Instance.GetBaseUri())
            };
        });

希望这会有所帮助...