angular – 调用函数SocialLoginModule,不支持函数调用.用引用替
发布时间:2020-12-17 10:24:36 所属栏目:安全 来源:网络整理
导读:在“ng serve”或“npm start”之后我发现错误, 从工作空间保存任何文件后,它会编译所有项目文件,这次它运行良好. 我不明白为什么会这样.你能帮助我摆脱这个吗?请在下面找到相同的图像. Please find below app.module.ts file import { BrowserModule } fro
在“ng serve”或“npm start”之后我发现错误,
从工作空间保存任何文件后,它会编译所有项目文件,这次它运行良好. 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 { }
添加到app.module.ts:
export function provideConfig() { return config; } 将该文件中的导入更新为: SocialLoginModule 更新该文件中的提供程序: providers: [ { provide: AuthServiceConfig,useFactory: provideConfig } ], 完整的片段可以在:https://github.com/abacritt/angular4-social-login/blob/master/README-AOT.md看到 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |