Function call SocialLoginModule, function calls are not supported. Pay attention to replacing a function or lambda with a link

after "ng serve" or "npm start", I get below the error,

enter image description here

after saving any file from the workspace, it compiles all the project files, and this time it works well. I do not understand why this is happening. Could you help someone help me get out of this. Please find below image for this.

enter image description here

Please find below app.module.ts file

    import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { RouterModule } from '@angular/router';
import { SocialLoginModule, AuthServiceConfig, GoogleLoginProvider, FacebookLoginProvider } from "angular4-social-login";
import { StarRatingModule } from 'angular-star-rating';
import { AppComponent } from './app.component';
import { LandingPageComponent } from './landing-page/landing-page.component';
import { AppHeaderComponent } from './app-header/app-header.component';
let config = new AuthServiceConfig([
  {
    id: GoogleLoginProvider.PROVIDER_ID,
    provider: new GoogleLoginProvider("")
  },
  {
    id: FacebookLoginProvider.PROVIDER_ID,
    provider: new FacebookLoginProvider("")
  }
]);
export function provideConfig() {
  return config;
}
@NgModule({
  declarations: [
    AppComponent,
    LandingPageComponent,
    AppHeaderComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    StarRatingModule.forRoot(),
    RouterModule.forRoot([
      { path: 'landing', component: LandingPageComponent },
      { path: '', redirectTo: 'landing', pathMatch: 'full' }
    ]),
    SocialLoginModule.initialize(config)
  ],
  providers: [{
    provide: AuthServiceConfig,
    useFactory: provideConfig
  }],
  bootstrap: [AppComponent]
})
export class AppModule { }
+4
source share
1 answer

add to app.module.ts:

export function provideConfig() {
  return config;
}

update importsin this file:

SocialLoginModule

update providers in this file:

  providers: [
    {
      provide: AuthServiceConfig,
      useFactory: provideConfig
    }
  ],

The full fragment can be seen at: https://github.com/abacritt/angular4-social-login/blob/master/README-AOT.md

+1

Source: https://habr.com/ru/post/1683366/


All Articles