Module '"@firebase/app"' has no exported member '_FirebaseAppInternal'.

[CoooWeee]

Describe your environment

• Operating System version: osx 11.55.2
• Browser version: chrome 92.0.4515.159
• Firebase SDK version: 9
• Firebase Product: app-compat (auth, database, storage, etc)

[REQUIRED] Describe the problem

Steps to reproduce:

Upgrade from Firebase v8 to v9
use exp angular/fire and import AngularFireModule from @angular/fire/compat and try to build using ng build

Relevant Code:

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';

as reported here

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.

[edocbuhtig]

@jbalidiong I am getting the same error with Ionic Angular - Capacitor:

after i run ionic serve

Browser application bundle generation complete.
[ng] Initial Chunk Files | Names |     Size
[ng] main.js             | main  | 18.94 kB
[ng] 62 unchanged chunks
[ng] Build at: 2021-08-26T14:23:43.174Z - Hash: 662fa64b1f1dad8e2302 - Time: 319ms
[ng] Error: node_modules/@firebase/app-compat/dist/src/firebaseApp.d.ts:19:10 - error TS2305: Module '"@firebase/app"' has no exported member '_FirebaseAppInternal'.
[ng] 19 import { _FirebaseAppInternal as _FirebaseAppExp } from '@firebase/app';

Package.json :

"dependencies": {
    "@angular/common": "~12.1.1",
    "@angular/compiler": "~12.1.1",
    "@angular/core": "~12.1.1",
    "@angular/fire": "^7.0.0",
    "@angular/forms": "~12.1.1",
    "@angular/platform-browser": "~12.1.1",
    "@angular/platform-browser-dynamic": "~12.1.1",
    "@angular/router": "~12.1.1",
    "@capacitor/app": "1.0.2",
    "@capacitor/core": "3.2.0",
    "@capacitor/haptics": "1.0.2",
    "@capacitor/keyboard": "1.0.2",
    "@capacitor/status-bar": "1.0.2",
    "@ionic/angular": "^5.5.2",
    "rxjs": "~6.6.0",
    "tslib": "^2.2.0",
    "zone.js": "~0.11.4",
    "firebase": "^9.0.0",
    "rxfire": "^6.0.0"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~12.1.1",
    "@angular-eslint/builder": "~12.0.0",
    "@angular-eslint/eslint-plugin": "~12.0.0",
    "@angular-eslint/eslint-plugin-template": "~12.0.0",
    "@angular-eslint/template-parser": "~12.0.0",
    "@angular/cli": "~12.1.1",
    "@angular/compiler": "~12.1.1",
    "@angular/compiler-cli": "~12.1.1",
    "@angular/language-service": "~12.0.1",
    "@capacitor/cli": "3.2.0",
    "@ionic/angular-toolkit": "^4.0.0",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "4.16.1",
    "@typescript-eslint/parser": "4.16.1",
    "eslint": "^7.6.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "jasmine-core": "~3.8.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.3.2",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "typescript": "~4.2.4",
    "@angular-devkit/architect": "^0.1200.0",
    "firebase-tools": "^9.0.0",
    "fuzzy": "^0.1.3",
    "inquirer": "^6.2.2",
    "inquirer-autocomplete-prompt": "^1.0.1",
    "open": "^7.0.3",
    "jsonc-parser": "^3.0.0"
  }

[edocbuhtig]

Solution I created a video and GitHub Repo with the fix I live for now

[petrusgomes]

For those that don't want to watch the video, the solution from @edocbuhtig is to add:

"skipLibCheck": true

to tsconfig.json -> "angularCompilerOptions"

[Jbz797]

And for users aren't on Typescript ?

[Feiyang1]

This has been fixed in 9.0.1.

@Jbz797 there is no impact on Javascript users. It's entirely a typing issue.