Google login button is not visible in my angular application

[pravinmaske25]

Hello
My angular application opens in a android web view and as per requirement i dont want to add any dependancy in android app for same
As i have gone through documentation & have done code changes in my angular application but it cant show google button
My structure is like this
app
- app.module
-- version1 module
-- version2 module
-- version3 module
--version4 module
-- open google login

Following is my code for app module

import { NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { Version3Module } from './V3_autopay/version.module';
import { Version4Module } from './V4_emailsdk/version.module';
import { RouteReuseStrategy } from '@angular/router';
import {  SocialLoginModule,  SocialAuthServiceConfig,  GoogleLoginProvider,  GoogleSigninButtonDirective,  GoogleSigninButtonModule,} from '@abacritt/angularx-social-login';

@NgModule({
  declarations: [
    AppComponent,
    AppBlankComponent,
    
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatExpansionModule,
    MatInputModule,
    MatTabsModule,
    MatSelectModule,
    MatDialogModule,
    MatFormFieldModule,
    MatBottomSheetModule,
    CodeInputModule,
    CountdownModule,
    VersionModule,
    Version2Module,
    Version3Module,
    Version4Module,
    SocialLoginModule,
    GoogleSigninButtonModule
  ],
  providers: [
    {
    provide: RouteReuseStrategy,
    useClass: CustomRouteReuseStrategyService
  },
  {
    provide: 'SocialAuthServiceConfig',
    useValue: {
      autoLogin: false,
      providers: [
        {
          id: GoogleLoginProvider.PROVIDER_ID,
          provider: new GoogleLoginProvider('157923969364-tij4go9mtcfabsdv1pnb7st259e7nosf.apps.googleusercontent.com'),
        },
      ],
      onError :(err)=>{
        console.error(err);
      }
    } as SocialAuthServiceConfig,
  },
  GoogleSigninButtonDirective
  ],
  exports: [
    GoogleSigninButtonDirective
  ],
  bootstrap: [AppComponent],
  schemas: [
    CUSTOM_ELEMENTS_SCHEMA,
    NO_ERRORS_SCHEMA,
    
  ]
})
export class AppModule { }

My version 4 module

import { NgModule } from '@angular/core';
import { EmailLoginComponent } from './popup/email-login/email-login.component';
import { UserDetailComponent } from './popup/user-detail/user-detail.component';
import { GoogleSigninButtonDirective, GoogleSigninButtonModule, SocialLoginModule } from '@abacritt/angularx-social-login';

@NgModule({
  declarations: [
    EmailComponent,
    EmailLoginComponent,
    UserDetailComponent,    
  ],
  imports: [
    CommonModule,
    VersionRoutingModule,
    MatCheckboxModule,
    // ProjectLibraryModule,
    HttpClientModule,
    SharedModule,
    MatButtonModule,
    MatRippleModule,
    MatSnackBarModule,
    FaqModule,
    SocialLoginModule,
    GoogleSigninButtonModule
  ],
  providers:[
   GoogleSigninButtonDirective
  ]
  ,exports:[
    GoogleSigninButtonDirective
  ]
})
export class Version4Module { }

email login component html

<button (click)="promptcall()">Prompt call</button>

<asl-google-signin-button type='icon' size='medium'></asl-google-signin-button>

email login ts file

import { Component, OnInit } from '@angular/core';
import { CommonService } from '../../common/services/common.service';
import { GoogleLoginProvider, SocialAuthService, SocialUser } from '@abacritt/angularx-social-login';

@Component({
  selector: 'app-email-login',
  templateUrl: './email-login.component.html',
  styleUrls: ['./email-login.component.scss']
})
export class EmailLoginComponent implements OnInit  {
  user: SocialUser | undefined;
  GoogleLoginProvider = GoogleLoginProvider;
  loggedIn: boolean =false;
  constructor(public commonService:CommonService, public authService: SocialAuthService){}

  ngOnInit() {
    this.authService.authState.subscribe((user) => {
      this.user = user;
      this.loggedIn = (user != null);
      console.log(this.user)
    });
  }
  refreshGoogleToken(): void {
    this.authService.refreshAuthToken(GoogleLoginProvider.PROVIDER_ID);
  }
  promptcall(){
alert("test")
  }
}