failing build with @angular/fire@exp | v7.0.0-canary.fadc178

[ubaidazad]

Version info

Angular: 12.0.3

Firebase: 9.0.0-beta.2

AngularFire: 7.0.0-canary.fadc178

Other (e.g. Ionic/Cordova, Node, browser, operating system):

Node: 14.17.0

How to reproduce these conditions

Failing test unit, Stackblitz demonstrating the problem

Steps to set up and reproduce
use exp angular/fire and import AngularFireModule from @angular/fire/compat and try to build using ng build

Sample data and security rules

Debug output

** Errors in the JavaScript console **

Error: node_modules/@firebase/app-compat/dist/src/firebaseApp.d.ts:19:10 - error TS2305: Module '"@firebase/app"' has no exported member '_FirebaseAppInternal'.

19 import { _FirebaseAppInternal as _FirebaseAppExp } from "@firebase/app";
            ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@firebase/firestore-compat/dist/esm2017/firestore/compat/index.d.ts:52:287 - error TS2459: Module '"@firebase/firestore"' declares 'EmulatorMockTokenOptions' locally, but it is not exported.

52 import { DocumentReference, CollectionReference, DocumentData, Query, PersistenceSettings, DocumentSnapshot, QuerySnapshot, FirebaseFirestore, Settings, LoadBundleTask, FirestoreError, Unsubscribe, SnapshotListenOptions, QueryConstraint, Transaction, SetOptions, UpdateData, FieldPath, EmulatorMockTokenOptions, WriteBatch } from "@firebase/firestore";
                                                                                                                                                                                                                                                                                                 ~~~~~~~~~~~~~~~~~~~~~~~~

  node_modules/@firebase/firestore/dist/exp/index.d.ts:8:10
    8 import { EmulatorMockTokenOptions } from '@firebase/util';
               ~~~~~~~~~~~~~~~~~~~~~~~~
    'EmulatorMockTokenOptions' is declared here.

** Output from firebase.database().enableLogging(true); **

** Screenshots **

Expected behavior

Should be able to build successfully without errors

Actual behavior

Getting above build errors

[jamesdaniels]

Thanks for testing. This is an issue with the with the Firebase JS SDK, please file over there. In the meantime you can skipLibCheck in your tsconfig.

[TrevorKarjanis]

@ubaidazad Did you file over at the JS SDK?

[diegolaciar]

Hi,

I just created an Angular 12.2 project with "@angular/fire": "^7.0.0-alpha.3", and I have the same issue.

Error: node_modules/@firebase/app-compat/dist/src/firebaseApp.d.ts:19:10 - error TS2305: Module '"@firebase/app"' has no exported member '_FirebaseAppInternal'.

19 import { _FirebaseAppInternal as _FirebaseAppExp } from "@firebase/app";

by the moment I added the skipLibCheck and compilled.