Pas de fournisseur pour AngularFireDatabase, AngularFireAuth

Des excuses que je ne peux pas penser à une meilleure façon d'inclure toutes les informations... Lorsque je l'exécute, j'obtiens une erreur en disant ce qui suit. J'ai suivi les Ionique Docs pour le T, je ne peux pas comprendre ce que pourrait être mauvais.

Erreur:

Pas de fournisseur pour AngularFireDatabase!

Paquet.json
Pas de fournisseur pour AngularFireDatabase, AngularFireAuth

App.le module.ts
Pas de fournisseur pour AngularFireDatabase, AngularFireAuth

Home.html
Pas de fournisseur pour AngularFireDatabase, AngularFireAuth

La maison.ts
Pas de fournisseur pour AngularFireDatabase, AngularFireAuth

Ne pas partager des photos de texte s'il vous plaît. Au lieu de partager le texte et l'utilisation de Débordement de Pile/format Markdown option formater (cmd/ctrl K est votre ami ici).

OriginalL'auteur Slabach | 2017-05-04

55

AngularDatabase(même pour AngularAuth) est séparée de son propre module AngularFireDatabaseModule(AngularFireAuthModule pour AngularAuth) à partir de
version [email protected], voir documentation ici.

vous devez importer AngularFireDatabaseModule(AngularFireAuthModule pour l'Authentification) dans votre 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
  ]
})
```
Bon, je l'ai fait, à se débarrasser de toutes les erreurs (grande!) Cependant, il n'est pas encore la lecture de l'information bof Firebase?
peut-être il ya quelque chose de mal avec votre firebase de la config. Je viens de mettre à jour l'un de mes exemple de projet à partir de [email protected]+ à [email protected]+, et de voir qu'il fonctionne bien.
merci, vous êtes génial!!
juste une info, j'ai eu la même erreur, puisque mon importation a été mal import {AngularFireDatabase} from 'angularfire2/database-deprecated'; ... n'a pas vraiment lire ce que mon IDE m'a suggéré 🙂
a fonctionné pour moi merci man

OriginalL'auteur Pengyy

À l'intérieur de app.le module.ts ajouter ci-dessous:

import { AngularFireModule } from 'angularfire2';

import { AngularFireDatabaseModule } from 'angularfire2/database';

Puis de l'importer en tant que ci-dessous:

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

À l'intérieur de la maison.ts utiliser comme ci-dessous:

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

items: FirebaseListObservable<any[]>;

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

Mon Ionique info:

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

OriginalL'auteur Sunil Kumar

6

Assurez-vous que FireBaseDatabaseModule est importé de angularfire2/base de données-déconseillé si vous utilisez FireBaseDatabase de angularfire2/base de données obsolète

et vice-versa. Le seul problème est l'inadéquation des déclarations d'importation parce qu'ils ont besoin d'appartenir à un même package, soit

angularfire2/ou de la base de données
angularfire2/base de données obsolète

si vous essayez d'importer la base de données à partir de la première et le module à partir de la deuxième paquet, ou vice-versa. Il l'habitude de le reconnaître comme un DatabaseModule ou de la Base de données.

------------ MODULE RACINE -------------
```
    import { AngularFireDatabaseModule } from "angularfire2/database-deprecated"
    imports: [
        BrowserModule,
        RouterModule.forRoot(appRoutes),
        FormsModule,
        AngularFireModule,
        AngularFireDatabaseModule,
        AngularFireAuthModule,
        AngularFireModule.initializeApp(environment.firebase)    
]
```
------- CLASSE DE SERVICE ------------
```
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";
```
Est-il une raison pour laquelle vous donnant AngaulrFireModule deux fois, une fois sans initializeApp et une fois avec?

OriginalL'auteur Amrit Pal Singh

L'ajouter dans les fournisseurs de la matrice de dans l'app.le module.ts -

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

Ce n'est pas le plus pratique. La meilleure pratique est de l'importation de AngularFireDatabaseModule.

OriginalL'auteur Pariksheet Barapatre

0

J'ai eu cette erreur dans mon Angulaire de l'application. Il s'avère que mon auto-import importés AngularFirebase de"angularfire2/database-deprecated'. De compensation de la -deprecated résolu mon problème. Vous pourriez vouloir vérifier vos importations.

OriginalL'auteur Alf Moh

Vous devez vous connecter pour publier un commentaire.