在我的angular（4）應用程序中的哪里放置“ require（“ firebase / firestore”）;”

Question

我已經搜索了互聯網並閱讀了Firestore文檔，但無法開始轉換我的部分構建的angular（4）項目。

在“ Cloud Firestore入門。我使用npm安裝firebase@4.5.1.。然后，文檔繼續進行：

“您需要手動要求Firebase和Cloud Firestore。

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

問題是它沒有告訴您應該去哪里，如何或是否需要導入。

幾天前，當我開始進行轉換時，

import * as firestore from 'firestore'; 

但現在它說找不到。 我不想使用angularfire，在可用angular 4之后對其進行升級是一場噩夢。

誰能幫我嗎？

Answer 1

繼續搜索后，我發現我需要

npm install --save @類型/節點

編輯我的Angular src / tsconfig.app.json文件，

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

刪除了紅色下划線並進行了編譯。

謝謝Sajeetharan花時間幫助我。

Answer 2

您可以在組件內部這樣做，

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

並在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 { }