title: Unable to import Firebase
body: <p>I'm having trouble configuring my Angular app to connect to firebase. I've created a project on Firebase and added my app to it.</p>
  <p>Here's my code;</p>
  <blockquote>
  <p>app.module.ts</p>
  </blockquote>
  <pre><code>import { initializeApp } from '@angular/fire/app';
  import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { AppRoutingModule } from './app-routing.module';
  import { AppComponent } from './app.component';
  
  import { AngularFireModule } from '@angular/fire';
  import { environment } from '../environments/environment';
  
  @NgModule({
  
  imports: [
      BrowserModule,
      AppRoutingModule,
      NgxPaginationModule,
      HttpClientModule,
      AngularFireModule.initializeApp(environment.firebaseConfig)
    ],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  <p>For some reason, the &quot;AngularFireModule&quot; is not recognized and as a result, all of my Imports reflect an error. The import itself up top is not displaying any errors. I'm unsure why this error is popping up so any advice in resolving this would be greatly appreciated.</p>