AngularFire - 新的提供者语法

Question

这些提供程序的目的是什么， @angular/fire package 在app.module.ts导入中添加ng add ：

    provideFirebaseApp(() => initializeApp(environment.firebase)),
    provideAnalytics(() => getAnalytics()),
    provideAuth(() => getAuth()),
    provideFirestore(() => getFirestore()),
    provideFunctions(() => getFunctions()),
    provideMessaging(() => getMessaging()),
    providePerformance(() => getPerformance()),
    provideRemoteConfig(() => getRemoteConfig()),
    provideStorage(() => getStorage()),

他们提供什么 function？ 当我想使用AngularFirestore的依赖注入而不收到NullInjectorError时，我仍然需要导入AngularFirestoreModule 。

我可以毫无问题地删除它们吗？ 我为什么要保留这些进口商品？

Answer 1

AngularFire 7 附带了一个新的模块化 SDK以及现在通过compat导入路径导出的现有模块。

ng add 原理图为新的 SDK 添加了模块导入。 当您使用新的 SDK 模块导入时，您需要将不同的类注入到您的组件和服务中以使其工作（如评论中所述）。 查看AngularFire 存储库中模块化 SDK 的示例文件夹以获取代码示例。

AngularFire 存储库中的文档页面尚未使用新的模块化 SDK 进行更新。 新文档有一个 PR 开放，文档页面已经进行了一些更改。 您也可以查看该分支。

要回答您的问题：

我可以毫无问题地删除它们吗？

如果您想继续使用旧的 SDK（通过compat导入），那么可以。 请注意，据我所知， Firebase AppCheck在旧的 SDK 中不可用。

他们提供什么 function？ 我为什么要保留这些进口商品？

你需要它们，如果你想使用新的模块化 SDK，它在引擎盖下使用可摇树的 Firebase JS SDK。