2017-10-15 3 views
0

J'ai fait des recherches sur Internet et lu la documentation de Firestore mais je ne peux pas commencer à convertir mon projet angulaire partiellement construit (4).Où dois-je mettre "require (" firebase/firestore ");" dans mon application angulaire (4)

Dans le ". Commencez avec Cloud Firestore J'utilisé NPM installer [email protected] Ensuite, la documentation se poursuit:

" Vous aurez besoin d'exiger manuellement à la fois Firebase et Cloud Firestore.

const firebase = require("firebase"); 
// Required for side-effects 
require("firebase/firestore");" 

Le problème est qu'il ne vous dit pas où il doit aller ou comment ou si elle a besoin d'importer.

Il y a quelques jours quand j'ai commencé cette conversion, j'ai pu

import * as firestore from 'firestore'; 

mais maintenant il dit qu'il ne peut pas le trouver. Je ne veux pas utiliser angularfire, le mettre à jour après que 4 angulaire était disponible était un cauchemar.

Quelqu'un peut-il m'aider s'il vous plaît?

Répondre

0

Vous pouvez faire comme ceci à l'intérieur du composant,

import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from 'angularfire2/firestore'; 

et module.ts

import { AngularFireModule } from 'angularfire2'; 
import { AngularFirestoreModule } from 'angularfire2/firestore'; 
import { AngularFireAuthModule } from 'angularfire2/auth'; 
@NgModule({ 
    declarations: [ 

    ], 
    imports: [ 
    AngularFireModule.initializeApp(environment.firebase), 
    AngularFirestoreModule, // imports firebase/firestore, only needed for database features 
    AngularFireAuthModule, // imports firebase/auth, only needed for auth features 
], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 
+0

Merci, il s'est avéré que je le faisais bien. S'il vous plaît voir ma réponse ci-dessous. –

1

Après avoir poursuivi ma recherche, je trouve que je devais

NPM installer --save @ types/node

modifier mon fichier Angular src/tsconfig.app.json,

"types": [ "node" ], 
"typeRoots": [ "../node_modules/@types" ] 

qui a enlevé les soulignements rouges et a compilé.

Merci Sajeetharan d'avoir pris le temps de m'aider.

+0

mis en ligne! heureux d'entendre – Sajeetharan