模块“@firebase/firestore”在 Angular 12 中没有导出成员“类型”错误

Question

我正在 Angular 12 上开展一个项目，我使用 Firestore 来存储我的数据。

在我的应用程序模块中，我按如下方式导入了所需的模块（当我将 firebase 添加到我的项目时自动添加）：

import { initializeApp, provideFirebaseApp } from '@angular/fire/app';
import { environment } from '../environments/environment';
import { provideFirestore, getFirestore } from '@angular/fire/firestore';

...
imports: [
    ...
    provideFirebaseApp(() => initializeApp(environment.firebase)),
    provideFirestore(() => getFirestore()),
  ],
...

当我按照教程尝试将文档添加到集合中时，我需要导入“AngularFirestore”，我在我的组件 ts 中按如下方式执行此操作：

import { AngularFirestore } from '@angular/fire/compat/firestore';

constructor(private firebase: AngularFirestore) {}

const ref = this.firebase.collection('collection-name');
ref.add(my-data);

我原以为该应用程序可以正常工作，但是一旦我导入“AngularFirestore”它就会崩溃，并且出现以下错误：错误

我正在使用的版本是：

版本

Answer 1

按如下方式编辑您的应用程序模块导入

import { initializeApp, provideFirebaseApp } from '@angular/fire/app';
import { provideFirestore, getFirestore } from '@angular/fire/firestore';
import { AngularFireModule } from '@angular/fire/compat';
import { AngularFirestoreModule } from '@angular/fire/compat/firestore'
import { environment } from '@env/enviroment';

....

imports [
AngularFirestoreModule,
AngularFireModule.initializeApp(environment.firebase),
provideFirebaseApp(() => initializeApp(environment.firebase)),
provideFirestore(() => getFirestore()),
]

希望这有帮助