title: No exported member error with firebase when trying to compile angular 10 project
body: <p>I installed an angular dashboard template which I tested with ng serve to confirm worked. I then run</p>
  <pre><code>npm install firebase @angular/fire --save
  </code></pre>
  <p>to install firebase. And after adding firebase project credentials and editing the app.module.ts</p>
  <pre><code>    import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
      import { NgModule } from '@angular/core';
      import { BrowserModule } from '@angular/platform-browser';
  
      import { AuthInterceptor, AuthService, FakeBackendInterceptor } from '@services/*';
  
      import { AppRoutingModule } from './app-routing.module';
      import { AppComponent } from './app.component';
      import { ChartsModule } from './pages/charts';
      import { ComponentsModule } from './pages/components';
      import { DashboardModule } from './pages/dashboard';
      import { Dashboard2Module } from './pages/dashboard2';
      import { FormsModule } from './pages/forms';
  
      import { AngularFireModule } from &quot;@angular/fire&quot;;
      import { AngularFireAuthModule } from &quot;@angular/fire/auth&quot;;
      import { AngularFirestoreModule } from '@angular/fire/firestore';
      import { environment } from '../environments/environment';
  
      @NgModule({
        declarations: [AppComponent],
        imports: [
          BrowserModule,
          AppRoutingModule,
          ComponentsModule,
          DashboardModule,
          Dashboard2Module,
          FormsModule,
          ChartsModule,
          HttpClientModule,
          AngularFireModule.initializeApp(environment.firebase),
          AngularFireAuthModule,
          AngularFirestoreModule, 
        ],
        providers: [
          AuthService,
          {
            provide: HTTP_INTERCEPTORS,
            useClass: AuthInterceptor,
            multi: true,
          },
          {
            provide: HTTP_INTERCEPTORS,
            useClass: FakeBackendInterceptor,
            multi: true,
          },
        ],
        bootstrap: [AppComponent],
      })
      export class AppModule {}
  </code></pre>
  <p>I get the following errors when I try to compile.</p>
  <pre><code>    ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'analytics'. Did you mean to use 'import analytics from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                 ~~~~~~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:21 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'app'. Did you mean to use 'import app from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                            ~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:26 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'auth'. Did you mean to use 'import auth from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                 ~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:32 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'database'. Did you mean to use 'import database from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                       ~~~~~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:42 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'firestore'. Did you mean to use 'import firestore from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                                 ~~~~~~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:53 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'functions'. Did you mean to use 'import functions from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                                            ~~~~~~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:64 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'messaging'. Did you mean to use 'import messaging from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                                                       ~~~~~~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:75 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'performance'. Did you mean to use 'import performance from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                                                                  ~~~~~~~~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:88 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'remoteConfig'. Did you mean to use 'import remoteConfig from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                                                                               ~~~~~~~~~~~~
      node_modules/@angular/fire/firebase.app.module.d.ts:2:102 - error TS2614: Module '&quot;../../firebase&quot;' has no exported member 'storage'. Did you mean to use 'import storage from &quot;../../firebase&quot;' instead?
  
      2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';
                                                                                                             ~~~~~~~
      node_modules/@angular/fire/auth/auth.d.ts:4:10 - error TS2614: Module '&quot;../../../firebase&quot;' has no exported member 'User'. Did you mean to use 'import User from &quot;../../../firebase&quot;' instead?
  
      4 import { User, auth } from 'firebase/app';
                 ~~~~
      node_modules/@angular/fire/auth/auth.d.ts:4:16 - error TS2614: Module '&quot;../../../firebase&quot;' has no exported member 'auth'. Did you mean to use 'import auth from &quot;../../../firebase&quot;' instead?
  
      4 import { User, auth } from 'firebase/app';
                       ~~~~
      node_modules/@angular/fire/auth/auth.d.ts:12:14 - error TS2411: Property 'authState' of type 'Observable&lt;any&gt;' is not assignable to string index type 'Promise&lt;any&gt; &amp; ((...args: unknown[]) =&gt; Promise&lt;any&gt;) &amp; ((...args: unknown[]) =&gt; any)'.
  
      12     readonly authState: Observable&lt;User | null&gt;;
                      ~~~~~~~~~
      node_modules/@angular/fire/auth/auth.d.ts:16:14 - error TS2411: Property 'idToken' of type 'Observable&lt;string&gt;' is not assignable to string index type 'Promise&lt;any&gt; &amp; ((...args: unknown[]) =&gt; Promise&lt;any&gt;) &amp; ((...args: unknown[]) =&gt; any)'.
  
      16     readonly idToken: Observable&lt;string | null&gt;;
                      ~~~~~~~
      node_modules/@angular/fire/auth/auth.d.ts:20:14 - error TS2411: Property 'user' of type 'Observable&lt;any&gt;' is not assignable to string index type 'Promise&lt;any&gt; &amp; ((...args: unknown[]) =&gt; Promise&lt;any&gt;) &amp; ((...args: unknown[]) =&gt; any)'.
  
      20     readonly user: Observable&lt;User | null&gt;;
                      ~~~~
      node_modules/@angular/fire/auth/auth.d.ts:26:14 - error TS2411: Property 'idTokenResult' of type 'Observable&lt;any&gt;' is not assignable to string index type 'Promise&lt;any&gt; &amp; ((...args: unknown[]) =&gt; Promise&lt;any&gt;) &amp; ((...args: unknown[]) =&gt; any)'.
  
      26     readonly idTokenResult: Observable&lt;auth.IdTokenResult | null&gt;;
                      ~~~~~~~~~~~~~
      node_modules/@angular/fire/firestore/interfaces.d.ts:2:10 - error TS2614: Module '&quot;../../../firebase&quot;' has no exported member 'firestore'. Did you mean to use 'import firestore from &quot;../../../firebase&quot;' instead?
  
      2 import { firestore } from 'firebase/app';
                 ~~~~~~~~~
      node_modules/@angular/fire/firestore/collection/collection.d.ts:2:10 - error TS2614: Module '&quot;../../../../firebase&quot;' has no exported member 'firestore'. Did you mean to use 'import firestore from &quot;../../../../firebase&quot;' instead?
  
      2 import { firestore } from 'firebase/app';
                 ~~~~~~~~~
      node_modules/@angular/fire/firestore/document/document.d.ts:5:10 - error TS2614: Module '&quot;../../../../firebase&quot;' has no exported member 'firestore'. Did you mean to use 'import firestore from &quot;../../../../firebase&quot;' instead?
  
      5m import { firestore } from 'firebase/app';
                 ~~~~~~~~~
      node_modules/@angular/fire/firestore/collection-group/collection-group.d.ts:2:10 - error TS2614: Module '&quot;../../../../firebase&quot;' has no exported member 'firestore'. Did you mean to use 'import firestore from &quot;../../../../firebase&quot;' instead?
      2 import { firestore } from 'firebase/app';
                 ~~~~~~~~~
      node_modules/@angular/fire/firestore/firestore.d.ts:8:10 - error TS2614: Module '&quot;../../../firebase&quot;' has no exported member 'firestore'. Did you mean to use 'import firestore from &quot;../../../firebase&quot;' instead?
  
      8 import { firestore } from 'firebase/app';
  </code></pre>
  <p>But I cant figure out the cause of the errors. I have tried looking at several online tutorials for integrating firebase with angular but I cant see anything wrong</p>
  <p><strong>UPDATE</strong></p>
  <p>Attempted following the tutorial in <a href="https://www.positronx.io/full-angular-7-firebase-authentication-system/" rel="noreferrer">https://www.positronx.io/full-angular-7-firebase-authentication-system/</a> word for word but I am still getting the same type of error</p>