[Fixed] ERROR in node_modules/@angular/fire/firebase.app.module.d.ts?

Issue

I Get this Error after the completion of compiler.I have tried uninstalling and reinstalling the firebase @angular/fire but can’t get it fixed . I am confused about the error.I can’t find it’s solution

"@angular/cli": "~10.2.0",
"firebase": "^8.0.0",
"@angular/fire": "^6.0.3",

ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614: Module '"../../firebase"' has no exported member 'analytics'. Did you mean to use 'import analytics from "../../firebase"' 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 '"../../firebase"' has no exported member 'app'. Did you mean to use 'import app from "../../firebase"' 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 '"../../firebase"' has no exported member 'auth'. Did you mean to use 'import
auth from "../../firebase"' 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 '"../../firebase"' has no exported member 'database'. Did you mean to use 'import database from "../../firebase"' 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 '"../../firebase"' has no exported member 'firestore'. Did you mean to use 'import firestore from "../../firebase"' instead?

2 import { analytics, app, auth, database, firestore, functions, messaging, performance, remoteConfig, storage } from 'firebase/app';

node_modules/@angular/fire/firestore/document/document.d.ts:5:10 - error TS2614: Module '"../../../../firebase"' has no exported member 'firestore'. Did you mean to use 'import firestore from "../../../../firebase"' instead?

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

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

8 import { firestore } from 'firebase/app';

I hope i get good response.

Solution

Not sure why this question got downvoted. @Muhammad Mehdi’s concern is valid. I just ran into the same issue.

This incompatibility issue has been flagged on the official @angular/fire GitHub page here

The proposed workaround worked for me. In short:

1. Uninstall your current @angular/fire package (npm uninstall @angular/fire)

2. Install the latest version in development instead (6.0.4-canary.9a26fbe) with npm i @angular/[email protected] --save, as per instructions from the Maintainer here

3. Once version 6.0.4 will be out (not yet as of today), we can switch back to the latest official release. Meanwhile this should keep you going.