Skip to main content
se agrega el error de otro navegador
Origen Enlace

en firefox:

ERROR Error: "[object Object]"

en Chrome:

vendor.js:47983 ERROR Error: Uncaught (in promise): Error: 
StaticInjectorError(AppModule)[LoginComponent -> AngularFireAuth]: 
StaticInjectorError(Platform: core)[LoginComponent -> AngularFireAuth]: 
NullInjectorError: No provider for AngularFireAuth!
Error: StaticInjectorError(AppModule)[LoginComponent -> AngularFireAuth]: 
       StaticInjectorError(Platform: core)[LoginComponent -> AngularFireAuth]: 
NullInjectorError: No provider for AngularFireAuth!
ERROR Error: "[object Object]"

en firefox:

ERROR Error: "[object Object]"

en Chrome:

vendor.js:47983 ERROR Error: Uncaught (in promise): Error: 
StaticInjectorError(AppModule)[LoginComponent -> AngularFireAuth]: 
StaticInjectorError(Platform: core)[LoginComponent -> AngularFireAuth]: 
NullInjectorError: No provider for AngularFireAuth!
Error: StaticInjectorError(AppModule)[LoginComponent -> AngularFireAuth]: 
       StaticInjectorError(Platform: core)[LoginComponent -> AngularFireAuth]: 
NullInjectorError: No provider for AngularFireAuth!
Origen Enlace

Error en autenticacion con firebase y angular 7

Estoy haciendo un login con angular 7 y firebase, estoy usando angular/angularfire2. Hago el formulario, configuro todo, hago las importaciones necesarias. Todos los elementos visualizan sin ningun problema en el navegador( todavia no le di funcionalidad al boton para iniciar sesion ), hasta que pongo una variable en el constructor:

constructor(public afAuth: AngularFireAuth) {} 

A partir de esto ya no se visualiza nada en el navegador y la consola me lanza este error:

ERROR Error: "[object Object]"

Dejo algunos archivos por si son necesarios.

environment.ts:

export const environment = {
  production: false,
  config : {
    apiKey: "AIlpSyC5FYtKiisQApqldxL_-8Vjtk0_01llALU",
    authDomain: "axxxxxx.firebaseapp.com",
    databaseURL: "https://axxxxxx.firebaseio.com",
    projectId: "axxxxxx",
    storageBucket: "axxxxxxx.appspot.com",
    messagingSenderId: "123456789101"
  }

};

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { environment } from "../environments/environment";
import { AngularFireModule } from "@angular/fire";
import { AngularFireDatabaseModule } from "@angular/fire/database";

import {RouterModule, Routes} from '@angular/router';

import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import { PrincipalComponent } from './principal/principal.component';
import { FormsModule } from '@angular/forms';

export const rutas: Routes = [
  { path: '',          component: PrincipalComponent},
  { path: 'login',          component: LoginComponent}
];

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    PrincipalComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(rutas),
    AngularFireModule.initializeApp(environment.config),
    AngularFireDatabaseModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

login.component.ts:

import { Component, OnInit, EventEmitter, Input, Output } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';

import { AngularFireAuth } from '@angular/fire/auth';
import { auth } from 'firebase/app';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})

export class LoginComponent implements OnInit {
  email = '';
  pass = '';

  constructor(public afAuth: AngularFireAuth) {}

  loginGoogle() {
    this.afAuth.auth.signInWithPopup(new auth.GoogleAuthProvider());
  }
  logout() {
    this.afAuth.auth.signOut();
  }

  ngOnInit() {}

}

Solo cuando pongo esa variable en el constructor aparece el problema. Gracias a todos de antemano.