模块 '"@angular/fire/auth"' 没有导出成员 'AngularFireAuth'.ts(2305)答案

【问题标题】：Module '"@angular/fire/auth"' has no exported member 'AngularFireAuth'.ts(2305)模块 '"@angular/fire/auth"' 没有导出成员 'AngularFireAuth'.ts(2305)
【发布时间】：2021-12-25 08:46:35
【问题描述】：

我在导入时遇到此错误

import { AngularFireAuth } from "@angular/fire/auth"; Error-. Module '"@angular/fire/auth"' has no exported member 'AngularFireAuth'.ts(2305)

如果从@angular/fire/compat/auth 导入，则在终端中出现以下错误：

Time: 213ms

ERROR in node_modules/@firebase/firestore/dist/index.d.ts:26:28 - error TS1005: ']' expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                              ~~
node_modules/@firebase/firestore/dist/index.d.ts:26:47 - error TS1005: ';' expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                                                 ~
node_modules/@firebase/firestore/dist/index.d.ts:26:49 - error TS1109: Expression expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                                                   ~
node_modules/@firebase/firestore/dist/index.d.ts:26:50 - error TS1109: Expression expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                                                    ~
node_modules/@firebase/firestore/dist/index.d.ts:27:1 - error TS1128: Declaration or statement expected. 

27 };
   ~

    
    ERROR in src/app/services/firebase.service.ts:2:10 - error TS2305: Module '"@angular/fire/compat"' has no exported member 'AngularFireAuth'.
    
    2 import { AngularFireAuth } from "@angular/fire/compat/";
               ~~~~~~~~~~~~~~~
    

Date: 2021-11-13T07:45:51.865Z - Hash: ff0e2da18163e6a524d5
5 unchanged chunks

Time: 330ms

ERROR in node_modules/@firebase/firestore/dist/index.d.ts:26:28 - error TS1005: ']' expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                              ~~
node_modules/@firebase/firestore/dist/index.d.ts:26:47 - error TS1005: ';' expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                                                 ~
node_modules/@firebase/firestore/dist/index.d.ts:26:49 - error TS1109: Expression expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                                                   ~
node_modules/@firebase/firestore/dist/index.d.ts:26:50 - error TS1109: Expression expected.

26     [K in keyof T & string as `${Prefix}.${K}`]+?: T[K];
                                                    ~
node_modules/@firebase/firestore/dist/index.d.ts:27:1 - error TS1128: Declaration or statement expected. 

27 };
   ~
node_modules/@angular/fire/compat/auth/auth.d.ts:13:55 - error TS1005: ',' expected.

13 export declare const USE_EMULATOR: InjectionToken<[url: string]>;
                                                         ~
node_modules/@angular/fire/compat/auth/auth.d.ts:13:63 - error TS1005: ',' expected.

13 export declare const USE_EMULATOR: InjectionToken<[url: string]>;
                                                                 ~
node_modules/@angular/fire/compat/auth/auth.d.ts:13:64 - error TS1134: Variable declaration expected.    

13 export declare const USE_EMULATOR: InjectionToken<[url: string]>;
                                                                  ~
node_modules/@angular/fire/compat/auth/auth.d.ts:13:65 - error TS1109: Expression expected.

13 export declare const USE_EMULATOR: InjectionToken<[url: string]>;

【问题讨论】：

我遇到了同样的问题。听起来首先要做的是确保您正在运行足够新版本的打字稿。似乎需要 4.1 或更高版本。您使用的是哪个 Angular 版本？我在 6 并且担心它的版本太低。
我找到了解决此问题的方法，方法是降级到“@angular/fire”：“^6.1.5”，然后更新 npm。
我在导入 firestore 时遇到了同样的问题。
@S.Slusky 我使用的是打字稿 4.5.5。这对我帮助不大。我试过 4.1.1 也不行。

标签： angular typescript firebase

【解决方案1】：

现在我的项目中有以下配置，我遇到了问题并且它现在正在工作。 package.json 文件>

       {
      "name": "something",
      "version": "0.0.0",
      "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
      },
      "private": true,
      "dependencies": {
        "@angular/animations": "~9.1.13",
        "@angular/cdk": "^9.2.4",
        "@angular/common": "~9.1.13",
        "@angular/compiler": "~9.1.13",
        "@angular/core": "~9.1.13",
        "@angular/fire": "^6.1.5",
        "@angular/flex-layout": "^12.0.0-beta.35",
        "@angular/forms": "~9.1.13",
        "@angular/material": "^9.2.4",
        "@angular/platform-browser": "~9.1.13",
        "@angular/platform-browser-dynamic": "~9.1.13",
        "@angular/router": "~9.1.13",
        "@ngrx/effects": "^10.1.2",
        "@ngrx/store": "^10.1.2",
....
some other packages 
....
        "@ngrx/store-devtools": "^10.1.2",
        "firebase": "^7.24.0",
        "hammerjs": "^2.0.8",
        "rxjs": "~6.5.4",
        "tslib": "^1.10.0",
        "zone.js": "~0.10.2"
      },
      "devDependencies": {
        "@angular-devkit/build-angular": "~0.901.15",
        "@angular/cli": "~9.1.15",
        "@angular/compiler-cli": "~9.1.13",
        "@types/jasmine": "~3.5.0",
        "@types/jasminewd2": "~2.0.3",
        "@types/node": "^12.11.1",
        "codelyzer": "^5.1.2",
        "jasmine-core": "~3.5.0",
        "jasmine-spec-reporter": "~4.2.1",
        "karma": "~5.0.0",
        "karma-chrome-launcher": "~3.1.0",
        "karma-coverage-istanbul-reporter": "~2.1.0",
        "karma-jasmine": "~3.0.1",
        "karma-jasmine-html-reporter": "^1.4.2",
        "protractor": "~7.0.0",
        "ts-node": "~8.3.0",
        "tslint": "~6.1.0",
        "typescript": "~3.8.3"
      }
    }

更改为"@angular/fire": "^6.1.5" 和项目"typescript": "~3.8.3" 的打字稿版本，然后删除 node_modules 和新的 npm install 对我有用。现在我可以将其导入为 import { AngularFireAuth } from '@angular/fire/auth';

而不会出错

【讨论】：