Angular Firestore 问题

Question

我在 Angular 组件中使用 Cloud Firestore，并插入这些导入来执行此操作：

import firebase from 'firebase/compat/app';
import 'firebase/compat/firestore';

然后我做

db = firebase.firestore()

，就可以正常进行Firestore操作了。但对于一个组件，我收到此错误：

错误错误：未捕获（承诺）：FirebaseError：Firebase：没有创建 Firebase 应用程序“[DEFAULT]” - 调用 Firebase App.initializeApp()（应用程序兼容/无应用程序）

我通过使用 AngularFireModule.initializeApp() 和 Firebase 配置值将其导入到 app.module.ts 中来初始化 Firebase。我还在 app.module.ts 中导入 AngularFireDatabaseModule、AngularFirestoreModule 和 AngularFireStorageModule。

我尝试过删除并重新制作该组件。我还可以运行其他组件的 Firestore 代码，然后转到该组件，但它仍然给出该错误，因此它在 Firebase 初始化之前不会运行。

Answer 1

尝试在AppModule中的@NgModule之前使用initializeApp

firebase.initializeApp(environment.firebase);

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule, 
    IonicModule.forRoot(), 
    AppRoutingModule,
    AngularFireAuthModule
  ],