node_modules/@angular/fire/firebase.app.module.d.ts 中的错误？

Question

编译器完成后出现此错误。我已尝试卸载并重新安装 firebase @angular/fire 但无法修复。我对这个错误感到困惑。我找不到它的解决方案

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

Answer 1

此不兼容问题已在官方@angular/fire GitHub 页面here 上标记

建议的解决方法对我有用。简而言之：

1. 卸载您当前的 @angular/fire 包 (npm uninstall @angular/fire)

2. 按照维护者here 的说明，使用npm i @angular/fire@6.0.4-canary.9a26fbe --save 安装最新的开发版本（6.0.4-canary.9a26fbe）

3. 一旦6.0.4 版本发布（今天还没有），我们可以切换回最新的官方版本。与此同时，这应该会让你继续前进。

Answer 2

使用这个命令

npm i firebase@7.24.0 angularfire2 --save

Answer 3

执行以下步骤：

1. npm uninstall @angular/fire
2. npm install @angular/fire@latest

还有 在您的environment.ts 中仅添加以下属性，避免添加appId 和measurementId（因为它在firebase 中，但您不需要它）。

Answer 4

添加：

"skipLibCheck": true 

到 tsconfig.json 中的 compilerOptions。

Answer 5

确保您遵循此处的版本兼容性图表

https://github.com/angular/angularfire#angular-and-firebase-versions

Answer 6

尝试更改您的 Firebase 版本。我在尝试使用它时遇到了同样的问题，我降级了它。