angularfirestore - instalar firebase angular

No hay proveedor para AngularFireDatabase, AngularFireAuth

Question

Disculpas porque no puedo pensar en una mejor manera de incluir toda la información ... Cuando ejecuto esto, aparece un error que dice lo siguiente. He seguido los documentos iónicos a la T, no puedo entender qué podría estar mal.

Error:

No hay proveedor para AngularFireDatabase!

Package.json

App.module.ts

Inicio.html

Home.ts

Answer 1

Agréguelo en la matriz de proveedores en app.module.ts -

  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    RouterModule.forRoot(appRoutes),
    AngularFireModule.initializeApp(firebaseConfig)
  ],
  providers: [AuthService,**AngularFireAuth, AngularFireDatabase**, AuthGuard, InventoryService]

Answer 2

Asegúrese de que FireBaseDatabaseModule se importe desde angularfire2 / base de datos en desuso si está utilizando FireBaseDatabase desde angularfire2 / base de datos en desuso

y viceversa. El único problema es la falta de coincidencia de las declaraciones de importación porque deben pertenecer al mismo paquete

angularfire2 / database o angularfire2 / database-obsoleto

si intenta importar la base de datos desde el primero y el módulo desde el segundo paquete o viceversa. No lo reconocerá como un DatabaseModule o Database.

------------ MÓDULO RAÍZ -------------

    import { AngularFireDatabaseModule } from "angularfire2/database-deprecated"
    imports: [
        BrowserModule,
        RouterModule.forRoot(appRoutes),
        FormsModule,
        AngularFireModule,
        AngularFireDatabaseModule,
        AngularFireAuthModule,
        AngularFireModule.initializeApp(environment.firebase)    
]

------- CLASE DE SERVICIO ------------

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";

Answer 3

Dentro de app.module.ts agregue a continuación:

import { AngularFireModule } from ''angularfire2'';

import { AngularFireDatabaseModule } from ''angularfire2/database'';

Luego importe de la siguiente manera:

@NgModule({
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule
  ],

Dentro de home.ts use de la siguiente manera:

import { AngularFireDatabase, FirebaseListObservable } from ''angularfire2/database'';

items: FirebaseListObservable<any[]>;

  constructor(public navCtrl: NavController, db: AngularFireDatabase) {
        this.items = db.list(''/items'');
  }

Mi información jónica:

Ionic Framework: 3.1.1
Ionic App Scripts: 1.3.7
Angular Core: 4.0.2
Angular Compiler CLI: 4.0.2
Node: 6.10.1
OS Platform: macOS Sierra

Answer 4

Tuve este error en mi aplicación Angular. Resulta que mi AngularFirebase importada de importación AngularFirebase de '' angularfire2/database-deprecated ''. -deprecated el -deprecated resolvió mi problema. Es posible que también desee verificar sus importaciones.

Answer 5

AngularDatabase (lo mismo para AngularAuth ) está separado de su propio módulo AngularFireDatabaseModule ( AngularFireAuthModule para AngularAuth ) de la versión [email protected] , consulte la documentación here .

debe importar AngularFireDatabaseModule ( AngularFireAuthModule for Authentication ) en su RootModule .

import { AngularFireModule } from ''angularfire2'';
// for AngularFireDatabase
import { AngularFireDatabaseModule } from ''angularfire2/database'';
import { AngularFireDatabase, FirebaseObjectObservable } from ''angularfire2/database'';
// for AngularFireAuth
import { AngularFireAuthModule } from ''angularfire2/auth'';
import { AngularFireAuth } from ''angularfire2/auth'';

@NgModule({
  imports: [
    AngularFireModule.initializeApp({         <---- main module
      apiKey: ...,
      authDomain: ''...'',
      databaseURL: ''...'',
      storageBucket: ''...'',
      messagingSenderId: ''...''
    }),                                       
    AngularFireDatabaseModule,                <---- for database 
    AngularFireAuthModule                     <---- for auth
  ]
})