“EnvironmentProviders”类型的参数不可分配给 Angular Firebase 项目中“ImportProvidersSource”.ts(2345) 类型的参数

Question

我正在开发一个部署在 Firebase 上的 Angular 项目。所有关于 Firebase 的教程都建议使用以下方式将 Firebase 存储在

app.config.ts

:

export const appConfig: ApplicationConfig = {
  providers: [
    importProvidersFrom(
      provideFirebaseApp(() => initializeApp(environment.firebase)), /* The problem line */
      provideFirestore(() => getFirestore()),
    ),
    provideRouter(routes)
  ],
};

我目前在 VS Code 中标记并在

ng serve

期间报告了一个错误：“‘EnvironmentProviders’类型的参数不能分配给‘ImportProvidersSource’类型的参数。ts(2345)”

我不知道该怎么做以及如何解决这个问题。我希望这里有人能帮助我。

我尝试了很多次不同的事情。我已经完全删除并重新创建了我的 Firebase 项目、我在 Firebase 中的应用程序、我的 Angular 项目。没有任何效果。

如果我删除问题行，那么下一个会报告相同的问题。

Answer 1

你能尝试一下吗？

export const appConfig: ApplicationConfig = {
  providers: [
    importProvidersFrom([
      provideFirebaseApp(() => initializeApp(environment.firebase)), /* The problem line */
      provideFirestore(() => getFirestore()),
    ]),
    provideRouter(routes)
  ],
};