这个错误通常是由于缺少提供SocialAuthServiceConfig
的提供者所引起的。要解决这个问题,你需要在你的应用程序中提供SocialAuthServiceConfig
。
下面是一个示例代码,展示了如何提供SocialAuthServiceConfig
:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { SocialLoginModule, SocialAuthServiceConfig } from 'angularx-social-login';
import { GoogleLoginProvider } from 'angularx-social-login';
@NgModule({
imports: [BrowserModule, SocialLoginModule],
providers: [
{
provide: 'SocialAuthServiceConfig',
useValue: {
autoLogin: false,
providers: [
{
id: GoogleLoginProvider.PROVIDER_ID,
provider: new GoogleLoginProvider('YOUR_GOOGLE_CLIENT_ID')
}
// 可以添加其他的社交登录提供者
]
} as SocialAuthServiceConfig,
}
]
})
export class AppModule { }
请确保将YOUR_GOOGLE_CLIENT_ID
替换为你自己的Google客户端ID。
在上面的示例代码中,我们在providers
数组中提供了一个对象,该对象包含了SocialAuthServiceConfig
的配置。在这个示例中,我们使用了Google登录提供者。
请注意,你可能需要根据你使用的社交登录提供者的不同,调整提供者的配置。
最后,将AppModule
添加到你的应用程序的imports
数组中。
这样,你的应用程序就提供了SocialAuthServiceConfig
,并且不再会出现NullInjectorError
错误。