将 firebase 集成到独立组件中

Question

我有一个项目，它是一个用 ionic Angular 制作的社交应用程序，我想在其中包含 firebase 导入

provideFirebaseApp(() => initializeApp(environment.firebase)),
provideFirestore(() => getFirestore())

问题是这些导入应该位于 app.module.ts 文件中，而当前组件是独立组件。我不知道将导入放在哪里，因为我应该导入：

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

Answer 1

也许您需要在应用程序引导中提供您的 firebase 应用程序，如下所示：

bootstrapApplication(YourComponent, {
  providers: [
    importProvidersFrom(
      provideFirebaseApp(() => initializeApp(environment.firebase))
    ),
    importProvidersFrom(
      provideFirestore(() => getFirestore())
    )
  ]
});