Error in complilation ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614 #2622

rogerbobbio · 2020-10-27T22:06:36Z

Hi, Please help me with the folllowing compiling issue:

I have installed :

My project have the following dependencies:

"@angular/animations": "^10.0.14",
"@angular/cdk": "^10.2.2",
"@angular/common": "~10.0.2",
"@angular/compiler": "~10.0.2",
"@angular/core": "~10.0.2",
"@angular/forms": "~10.0.2",
"@angular/material": "^10.2.2",
"@angular/platform-browser": "~10.0.2",
"@angular/platform-browser-dynamic": "~10.0.2",
"@angular/router": "~10.0.2",
"angularfire2": "^5.4.2",
"chart.js": "^2.9.3",
"firebase": "^8.0.0",
"ng2-charts": "^2.4.1",
"ngx-pagination": "^5.0.0",
"rxjs": "~6.5.5",
"sweetalert2": "^9.17.2",
"tslib": "^2.0.0",
"zone.js": "~0.10.3"

Compilation output

ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614: Module '"../../firebase"' has no exported member 'auth'. Did you mean to use 'import auth from "../../firebase"' instead?

2 import { auth, database, messaging, storage, firestore, functions } from 'firebase/app';
           ~~~~
node_modules/@angular/fire/firebase.app.module.d.ts:2:16 - error TS2614: Module '"../../firebase"' has no exported member 'database'. Did you mean to use 'import database from "../../firebase"' instead?

2 import { auth, database, messaging, storage, firestore, functions } from 'firebase/app';
                 ~~~~~~~~
node_modules/@angular/fire/firebase.app.module.d.ts:2:26 - error TS2614: Module '"../../firebase"' has no exported member 'messaging'. Did you mean to use 'import messaging from "../../firebase"' instead?

2 import { auth, database, messaging, storage, firestore, functions } from 'firebase/app';
                           ~~~~~~~~~
node_modules/@angular/fire/firebase.app.module.d.ts:2:37 - error TS2614: Module '"../../firebase"' has no exported member 'storage'. Did you mean to use 'import storage from "../../firebase"' instead?

2 import { auth, database, messaging, storage, firestore, functions } from 'firebase/app';
                                      ~~~~~~~
node_modules/@angular/fire/firebase.app.module.d.ts:2:46 - error TS2614: Module '"../../firebase"' has no exported member 'firestore'. Did you mean to use 'import firestore from "../../firebase"' instead?

2 import { auth, database, messaging, storage, firestore, functions } from 'firebase/app';
                                               ~~~~~~~~~
node_modules/@angular/fire/firebase.app.module.d.ts:2:57 - error TS2614: Module '"../../firebase"' has no exported member 'functions'. Did you mean to use 'import functions from "../../firebase"' instead?

2 import { auth, database, messaging, storage, firestore, functions } from 'firebase/app';
                                                          ~~~~~~~~~
node_modules/@angular/fire/storage/interfaces.d.ts:1:10 - error TS2614: Module '"../../../firebase"' has no exported member 'storage'. Did you mean to use 'import storage from "../../../firebase"' instead?

1 import { storage } from 'firebase/app';
           ~~~~~~~
node_modules/@angular/fire/storage/observable/fromTask.d.ts:3:10 - error TS2614: Module '"../../../../firebase"' has no exported member 'storage'. Did you mean to use 'import storage from "../../../../firebase"' instead?

3 import { storage } from 'firebase/app';
           ~~~~~~~
node_modules/@angular/fire/database/interfaces.d.ts:2:10 - error TS2614: Module '"../../../firebase"' has no exported member 'database'. Did you mean to use 'import database from "../../../firebase"' instead?

2 import { database } from 'firebase/app';
           ~~~~~~~~

The text was updated successfully, but these errors were encountered:

ingrocha · 2020-10-27T22:07:58Z

Same here!

xylo04 · 2020-10-27T22:24:29Z

This is a duplicate of #2619.

devsandro · 2020-10-28T04:16:18Z

Same issue here

Puthxii · 2020-10-28T09:21:03Z

Same here

KingDarBoja · 2020-10-28T13:33:49Z

Please use latest version of Firebase v7 instead of v8 as angularfire is not compatible yet. A pull request has been made addressing this update at #2620.

rogerbobbio · 2020-10-28T13:57:36Z

Thanks KingDarBoja is working

People use : npm install [email protected] angularfire2 --save

sarunint · 2020-10-28T15:54:32Z

Thanks KingDarBoja is working

People use : npm install [email protected] angularfire2 --save

@rogerbobbio Protip: angularfire2 is now @angular/fire. :D

jamesdaniels · 2020-10-29T22:46:36Z

Closing in favor of #2619

jordankkk · 2020-11-01T02:00:37Z

updated with latest version seem still same

Angular:
10.2.1

Firebase:
8.0.0

AngularFire:
6.0.4

"export 'auth' was not found in 'firebase/app'
"export 'auth' was not found in 'firebase/app'
"export 'firestore' was not found in 'firebase/app'

KingDarBoja · 2020-11-01T15:30:33Z

With the new version, now you need to export firebase/app as follows:

import firebase from 'firebase/app';

  login() {
    this.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());
  }

sleepinzombie · 2020-11-04T17:57:32Z

I still have the issue with the latest Angular Fire and Firebase.

Angular:
10.2.1

Firebase:
8.0.0

AngularFire:
6.0.4

PFA the screenshot of the error while serving my app:

sarunint · 2020-11-05T14:50:28Z

I still have the issue with the latest Angular Fire and Firebase.

Angular:
10.2.1

Firebase:
8.0.0

AngularFire:
6.0.4

PFA the screenshot of the error while serving my app:

Are you sure that is AngularFire 6.0.4? Seems like 6.0.3 for me.

Did you forget to npm install?

sleepinzombie · 2020-11-05T15:21:08Z

@sarunint Actually I managed to solve the issue I was having. My Node was v15. I downgraded to v14 and everything served fine.

inbatamilan-573 · 2020-11-06T10:56:19Z

same here

gabriel-arrvda · 2020-11-10T01:37:33Z

I still have the issue using the 6.04v of the Angular Fire and 7v of Firebase

KingDarBoja · 2020-11-10T14:39:40Z

You need to install firebase v8, not v7, take a look at the compatibility table at https://github.com/angular/angularfire#compatibility

Awais-mohammad · 2020-11-17T05:35:58Z

Hello peoples please use version 7 instead of 8 use this npm command and it will work i was also shocked when i got this error but thans to @rogerbobbio and @KingDarBoja
npm install [email protected] angularfire2 --save

JefferE · 2020-11-19T19:51:10Z

This is actually the correct install until this is resolved with new @angularfire:

npm install [email protected] @angular/[email protected] --save

Otherwise 6.0.4 is installed by default and that's broken

Awais-mohammad · 2020-11-20T01:06:22Z

@JefferE
I used this and it worked fine with ionic 4 and angular 8
npm install [email protected] angularfire2 --save

pkmuduli001 · 2020-11-25T10:30:16Z

though it gives some warning but it will solve the issue, try this
npm install [email protected] @angular/[email protected] --save

Chandra1996 · 2021-07-23T15:23:10Z

i m still getting the error

Awais-mohammad · 2021-07-23T15:25:33Z

@Chandra1996 the issue is just due to firebase version uninstall previous version remove it from angular.json then reinstall 7.24.0 version nd ng serve again

yuvagp · 2022-04-29T03:41:36Z

Hi
I am getting the following error when I try to update my anuglar 12 project to angular13 and firebase to 7
/node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:597:29-40 - Error: export 'SDK_VERSION' (imported as 'SDK_VERSION') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:784:19-31 - Error: export '_getProvider' (imported as '_getProvider') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:3030:6-17 - Error: export 'SDK_VERSION' (imported as 'SDK_VERSION') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12058:7-18 - Error: export 'SDK_VERSION' (imported as 'SDK_VERSION') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12282:7-18 - Error: export 'SDK_VERSION' (imported as 'SDK_VERSION') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12736:2-20 - Error: export '_registerComponent' (imported as '_registerComponent') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12803:2-20 - Error: 0mexport '_registerComponent' (imported as '_registerComponent') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12817:2-17 - Error: export 'registerVersion' (imported as 'registerVersion') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12819:2-17 - Error: export 'registerVersion' (imported as 'registerVersion') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12848:23-29 - Error: export 'getApp' (imported as 'getApp') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/auth-compat/node_modules/@firebase/auth/dist/esm2017/index-7078a255.js:12849:19-31 - Error: export '_getProvider' (imported as '_getProvider') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/database-compat/node_modules/@firebase/database/dist/index.esm2017.js:15528:27-33 - Error: export 'getApp' (imported as 'getApp') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/database-compat/node_modules/@firebase/database/dist/index.esm2017.js:15529:9-21 - Error: export '_getProvider' (imported as '_getProvider') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

./node_modules/@firebase/database-compat/node_modules/@firebase/database/dist/index.esm2017.js:15645:16-29 - Error: export 'SDK_VERSION' (imported as 'SDK_VERSION$1') was not found in '@firebase/app' (possible exports: __esModule, default, firebase)

pls help

benmatela · 2022-05-24T06:00:05Z

This package.json should work:

"dependencies": {
"@angular/animations": "~13.2.0",
"@angular/common": "~13.2.0",
"@angular/compiler": "~13.2.0",
"@angular/core": "~13.2.0",
"@angular/fire": "^7.2.1",
"@angular/forms": "~13.2.0",
"@angular/platform-browser": "~13.2.0",
"@angular/platform-browser-dynamic": "~13.2.0",
"@angular/router": "~13.2.0",
"bootstrap": "^5.1.3",
"firebase": "^9.6.7",
"rxjs": "~7.5.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~13.2.3",
"@angular/cli": "~13.2.3",
"@angular/compiler-cli": "~13.2.0",
"@types/jasmine": "~3.10.0",
"@types/node": "^12.11.1",
"jasmine-core": "~4.0.0",
"karma": "~6.3.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.1.0",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "~1.7.0",
"typescript": "~4.5.2"
}

Hulliee · 2022-06-02T15:45:31Z

This package.json should work:

"dependencies": { "@angular/animations": "~13.2.0", "@angular/common": "~13.2.0", "@angular/compiler": "~13.2.0", "@angular/core": "~13.2.0", "@angular/fire": "^7.2.1", "@angular/forms": "~13.2.0", "@angular/platform-browser": "~13.2.0", "@angular/platform-browser-dynamic": "~13.2.0", "@angular/router": "~13.2.0", "bootstrap": "^5.1.3", "firebase": "^9.6.7", "rxjs": "~7.5.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" }, "devDependencies": { "@angular-devkit/build-angular": "~13.2.3", "@angular/cli": "~13.2.3", "@angular/compiler-cli": "~13.2.0", "@types/jasmine": "~3.10.0", "@types/node": "^12.11.1", "jasmine-core": "~4.0.0", "karma": "~6.3.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.1.0", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "~1.7.0", "typescript": "~4.5.2" }

Thank you! This works well with Angular 13

tayoraph · 2022-06-19T13:01:23Z

This package.json should work:

"dependencies": { "@angular/animations": "~13.2.0", "@angular/common": "~13.2.0", "@angular/compiler": "~13.2.0", "@angular/core": "~13.2.0", "@angular/fire": "^7.2.1", "@angular/forms": "~13.2.0", "@angular/platform-browser": "~13.2.0", "@angular/platform-browser-dynamic": "~13.2.0", "@angular/router": "~13.2.0", "bootstrap": "^5.1.3", "firebase": "^9.6.7", "rxjs": "~7.5.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" }, "devDependencies": { "@angular-devkit/build-angular": "~13.2.3", "@angular/cli": "~13.2.3", "@angular/compiler-cli": "~13.2.0", "@types/jasmine": "~3.10.0", "@types/node": "^12.11.1", "jasmine-core": "~4.0.0", "karma": "~6.3.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.1.0", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "~1.7.0", "typescript": "~4.5.2" }

This works for angular 14

agungss · 2022-09-07T17:37:48Z

This package.json should work:

"dependencies": { "@angular/animations": "~13.2.0", "@angular/common": "~13.2.0", "@angular/compiler": "~13.2.0", "@angular/core": "~13.2.0", "@angular/fire": "^7.2.1", "@angular/forms": "~13.2.0", "@angular/platform-browser": "~13.2.0", "@angular/platform-browser-dynamic": "~13.2.0", "@angular/router": "~13.2.0", "bootstrap": "^5.1.3", "firebase": "^9.6.7", "rxjs": "~7.5.0", "tslib": "^2.3.0", "zone.js": "~0.11.4" }, "devDependencies": { "@angular-devkit/build-angular": "~13.2.3", "@angular/cli": "~13.2.3", "@angular/compiler-cli": "~13.2.0", "@types/jasmine": "~3.10.0", "@types/node": "^12.11.1", "jasmine-core": "~4.0.0", "karma": "~6.3.0", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.1.0", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "~1.7.0", "typescript": "~4.5.2" }

This works for angular 12 too. Thanks!

stephanietuerk · 2023-02-05T17:38:46Z

Also for Angular 15, the following is working (upgrading from 8 -> 9 solved my issue)

"dependencies": {
  ...other angular deps...
  "@angular/core": "^15.1.2",
  "@angular/fire": "^7.5.0",
  ...other deps...
  "firebase": "^9.17.1", // used `npm install firebase` to bring up to latest version after manually switching to 9
 }

jamesdaniels closed this as completed Oct 29, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Error in complilation ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614 #2622

Error in complilation ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614 #2622

rogerbobbio commented Oct 27, 2020 •

edited

Loading

ingrocha commented Oct 27, 2020

xylo04 commented Oct 27, 2020

devsandro commented Oct 28, 2020

Puthxii commented Oct 28, 2020

KingDarBoja commented Oct 28, 2020

rogerbobbio commented Oct 28, 2020

sarunint commented Oct 28, 2020

jamesdaniels commented Oct 29, 2020

jordankkk commented Nov 1, 2020

KingDarBoja commented Nov 1, 2020

sleepinzombie commented Nov 4, 2020

sarunint commented Nov 5, 2020

sleepinzombie commented Nov 5, 2020

inbatamilan-573 commented Nov 6, 2020

gabriel-arrvda commented Nov 10, 2020

KingDarBoja commented Nov 10, 2020

Awais-mohammad commented Nov 17, 2020

JefferE commented Nov 19, 2020

Awais-mohammad commented Nov 20, 2020

pkmuduli001 commented Nov 25, 2020

Chandra1996 commented Jul 23, 2021

Awais-mohammad commented Jul 23, 2021

yuvagp commented Apr 29, 2022

benmatela commented May 24, 2022

Hulliee commented Jun 2, 2022

tayoraph commented Jun 19, 2022

agungss commented Sep 7, 2022

stephanietuerk commented Feb 5, 2023 •

edited

Loading

Error in complilation ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614 #2622

Error in complilation ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614 #2622

Comments

rogerbobbio commented Oct 27, 2020 • edited Loading

Compilation output

ingrocha commented Oct 27, 2020

xylo04 commented Oct 27, 2020

devsandro commented Oct 28, 2020

Puthxii commented Oct 28, 2020

KingDarBoja commented Oct 28, 2020

rogerbobbio commented Oct 28, 2020

sarunint commented Oct 28, 2020

jamesdaniels commented Oct 29, 2020

jordankkk commented Nov 1, 2020

KingDarBoja commented Nov 1, 2020

sleepinzombie commented Nov 4, 2020

sarunint commented Nov 5, 2020

sleepinzombie commented Nov 5, 2020

inbatamilan-573 commented Nov 6, 2020

gabriel-arrvda commented Nov 10, 2020

KingDarBoja commented Nov 10, 2020

Awais-mohammad commented Nov 17, 2020

JefferE commented Nov 19, 2020

Awais-mohammad commented Nov 20, 2020

pkmuduli001 commented Nov 25, 2020

Chandra1996 commented Jul 23, 2021

Awais-mohammad commented Jul 23, 2021

yuvagp commented Apr 29, 2022

benmatela commented May 24, 2022

Hulliee commented Jun 2, 2022

tayoraph commented Jun 19, 2022

agungss commented Sep 7, 2022

stephanietuerk commented Feb 5, 2023 • edited Loading

rogerbobbio commented Oct 27, 2020 •

edited

Loading

stephanietuerk commented Feb 5, 2023 •

edited

Loading