在我的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 { }