错误：未被发现（在承诺中）：对象：{; error＆quot; popup_closed_by_user;}

Question

我正在尝试使用Angular 11与Ionic应用一起使用Google登录。但是我一直在收到错误错误：未接收到（在Promise）：object：{“ error”：“ popup_closed_by_user”}

也在警告中，我正在接收”您创建了一个新的客户端应用程序，该应用程序将不再使用新客户库来进行用户身份验证或授权。 //developers.google.com/indesity/gsi/web/guides/gis-migration“ rel =“ nofollow noreferrer”>迁移指南有关更多信息。”

我还使用Angularx-Social-Login插件。

让我知道是否需要其他任何东西。需要帮助。

Answer 1

我还遇到了这个问题，并将“@abacritt/angularx-Social-login”用于社交媒体登录。此问题发生在所有新创建的Google客户端ID中。如果您使用的是Angular应用程序，则可以通过在提供商中添加“ plugin_name”来解决这。

在app.module.ts中，创建一个保存“ plugin_name”的对象。

const googleLoginOptions = {
  scope: 'profile email',
  plugin_name:'login' //you can use any name here
}; 

在提供商中，将“ GoogleLoginOptions”对象与Google客户端ID一起传递。

@NgModule({
 declarations: [
    AppComponent
    ],
  imports: [
    BrowserModule,
    NgbModule,
    AppRoutingModule,
    CommonModule,
    HttpClientModule,
    SocialLoginModule
  ],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
  providers: [
        {
          provide: 'SocialAuthServiceConfig',
          useValue: {
            autoLogin: false,
            providers: [
              {
                id: GoogleLoginProvider.PROVIDER_ID,
                provider: new GoogleLoginProvider(
                  'YOUR GOOGLE CLIENT_ID', 
                   googleLoginOptions
                )
              }
            ],
            onError: (err) => {
              console.error(err);
            }
          } as SocialAuthServiceConfig,
        }
  ],
  bootstrap: [AppComponent]
})

现在，清除浏览器缓存，应该可以正常工作。
有关app.component.ts的更改，您可以参考

此解决方案对我有用。希望这会有所帮助。