Chamar chamadas de função Angular2SocialLoginModule não suportadas
Eu sou novo no js2 angular. Atualmente, estou trabalhando com um aplicativo da web, que usa angular2 para front-end. Nesta aplicação, usei o angular2-social-login para fins de autenticação. Mas quando executo o npm start, recebi o erro abaixo
ERRO em Erro encontrado ao resolver estaticamente os valores dos símbolos. Chamando a função 'Angular2SocialLoginModule', as chamadas de função não são suportadas. Considere substituir a função ou lambda por uma referência a uma função exportada, resolvendo o símbolo AppModule em /var/www/html/ngtest/src/app/app.module.ts, resolvendo o símbolo AppModule em / var / www / html / ngtest / src / app / app.module.ts
Quando eu pesquiso no google, alguém diz que é por usar cli angular no projeto. Mas eu desinstalei o angular cli, ainda o problema persiste. Alguém sabia como resolver esse problema?
Meu código app.module.ts está abaixo
import { Angular2SocialLoginModule } from "angular2-social-login";
let providers = {
"facebook": {
"clientId": "xxxxxxxxxxxxx",
"apiVersion": "v2.8"
},
"linkedin": {
"clientId": "xxxxxxxxxxx"
},
"google": {
"clientId": "xxxxxxxxxx"
}
};
@NgModule({
imports: [
Angular2SocialLoginModule.initWithProviders(providers),
],
})
export class AppModule { }
Chamei este módulo em header.component.ts, consulte o arquivo header.component.ts
import { AuthService } from "angular2-social-login";
@Component({
selector: 'app-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css'],
providers: [Modal]
})
export class HeaderComponent implements OnInit {
constructor(public _auth: AuthService){ }
signIn(provider){
this.sub = this._auth.login(provider).subscribe(
(data) => {
console.log(data);
}
)}
logout(){
this._auth.logout().subscribe(
(data)=>{
//return a boolean value.
}
)}
}
O código acima é o meu código, por favor, dê uma olhada. Se precisar de mais detalhes, comente