当我导入 AngularFireModule 时出现错误答案

【问题标题】：when i import AngularFireModule then error comes当我导入 AngularFireModule 时出现错误
【发布时间】：2021-04-26 21:45:51
【问题描述】：

当我将 AngularFireModule 和初始化应用程序导入 environment.firebaseConfig 时，会出现一些错误，我无法解决该问题，请告诉我应该怎么做。

@NgModule({
  declarations: [
    AppComponent,
    HeadComponent,
    MainComponent,
    FooterComponent,
    RegistrationComponent,
    InformationComponent,
    AngularFireModule.initializeApp(environment.firebaseConfig) ,// here error comes
    AngularFireDatabaseModule
  ],

我也已经安装了 firebase 和 @angular/fire

错误看起来像

src/app/app.module.ts:27:5 中的错误 - 错误 TS2322：类型 'ModuleWithProviders' 不可分配给类型 'any[] |类型'。 “ModuleWithProviders”类型缺少“Type”类型的以下属性：apply、call、bind、prototype 等等。

27     AngularFireModule.initializeApp(environment.firebaseConfig) ,
       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

【问题讨论】：

标签： angular typescript firebase

【解决方案1】：

声明是保存组件、管道或指令。
imports 正在保存模块。

所以AngularFireModule.initializeApp(environment.firebaseConfig), 应该如下导入。

  declarations: [
    AppComponent,
    FilterComponent,
    SearchResultsComponent,
    HeaderComponent,
    FooterComponent
  ],
  imports: [
    AngularFireModule.initializeApp(environment.firebaseConfig),
    BrowserModule,
    AppRoutingModule
  ],

【讨论】：