You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode未检测到问题但AngularCLI终端报错:错误含义及解决咨询

解决Angular + Firebase终端编译错误(TS2694)

问题分析

你遇到的这些TS2694错误核心原因是旧版angularfire2包和当前使用的Angular版本不兼容。angularfire2是Firebase Angular绑定的旧版本,现在官方已经改用@angular/fire包,旧包的类型定义没有适配Angular新的Ivy编译系统,导致内部API(比如ɵɵFactoryDeclaration、ɵɵInjectableDeclaration)无法被识别。另外终端里的CommonJS依赖警告也是因为旧包采用的模块规范和Angular优化编译不兼容。

你已尝试的操作

  • 删除node_modules
  • 执行npm cache clean --force
  • 重新执行npm install

解决方案步骤

  1. 卸载旧版依赖
    先彻底移除旧的angularfire2和配套的firebase包:

    npm uninstall angularfire2 firebase
    
  2. 安装官方最新兼容包
    安装官方维护的@angular/fire和对应版本的firebase(注意要匹配你的Angular版本:Angular 12+对应@angular/fire 7.x,Angular 11对应6.x,以此类推):

    npm install @angular/fire firebase
    
  3. 更新模块导入配置
    打开src/app/app.module.ts,把所有angularfire2相关的导入替换成@angular/fire:

    • 原导入:
      import { AngularFireModule } from 'angularfire2';
      import { AngularFireAuthModule } from 'angularfire2/auth';
      import { AngularFirestoreModule } from 'angularfire2/firestore';
      
    • 替换为:
      import { AngularFireModule } from '@angular/fire';
      import { AngularFireAuthModule } from '@angular/fire/auth';
      import { AngularFirestoreModule } from '@angular/fire/firestore';
      
  4. 清理并重新构建

    # Windows系统执行:
    rmdir /s /q node_modules && del package-lock.json
    # macOS/Linux系统执行:
    rm -rf node_modules package-lock.json
    
    npm cache clean --force
    npm install
    ng serve --open
    

你提供的终端信息

构建信息

Build at: 2021-07-19T15:14:31.757Z - Hash: 1d1a58a540ce70023842 - Time: 20427ms

警告信息

Warning: D:\WEBSITES\Projects\clientpanel\node_modules\angularfire2\node_modules@angular\fire_ivy_ngcc_\es2015\firebase.app.module.js depends on 'firebase/app'. CommonJS or AMD dependencies can cause optimization bailouts.
Warning: D:\WEBSITES\Projects\clientpanel\node_modules\firebase\firestore\dist\index.esm.js depends on '@firebase/firestore'. CommonJS or AMD dependencies can cause optimization bailouts.
Warning: D:\WEBSITES\Projects\clientpanel\src\app\app.module.ts depends on 'angularfire2'. CommonJS or AMD dependencies can cause optimization bailouts.
Warning: D:\WEBSITES\Projects\clientpanel\src\app\app.module.ts depends on 'angularfire2/auth'. CommonJS or AMD dependencies can cause optimization bailouts.
Warning: D:\WEBSITES\Projects\clientpanel\src\app\app.module.ts depends on 'angularfire2/firestore'. CommonJS or AMD dependencies can cause optimization bailouts.

错误信息

Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:219:25 - error TS2694: Namespace ""D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols"" has no exported member 'ɵɵFactoryDeclaration'.
219 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<ApplicationInitStatus, [{ optional: true; }]>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:220:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵInjectableDeclaration'.
220 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<ApplicationInitStatus>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:750:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵInjectableDeclaration'.
750 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<Compiler>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:5066:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵFactoryDeclaration'.
5066 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<PlatformRef, never>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:5067:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵInjectableDeclaration'.
5067 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<PlatformRef>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:6454:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵFactoryDeclaration'.
6454 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<SystemJsNgModuleLoader, [null, { optional: true; }]>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:6455:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵInjectableDeclaration'.
6455 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<SystemJsNgModuleLoader>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:6651:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵFactoryDeclaration'.
6651 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<Testability, never>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:6652:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵInjectableDeclaration'.
6652 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<Testability>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:6696:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵFactoryDeclaration'.
6696 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<TestabilityRegistry, never>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:9639:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵFactoryDeclaration'.
9639 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<ɵConsole, never>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/core/core.d.ts:9640:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/src/r3_symbols&quot;" has no exported member 'ɵɵInjectableDeclaration'.
9640 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<ɵConsole>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/auth/auth.d.ts:13:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵFactoryDeclaration'.
13 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<AngularFireAuth, [null, { optional: true; }, null, null]>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/auth/auth.d.ts:14:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵInjectableDeclaration'.
14 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<AngularFireAuth>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/auth/auth.module.d.ts:4:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵFactoryDeclaration'.
4 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<AngularFireAuthModule, never>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/auth/auth.module.d.ts:5:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵNgModuleDeclaration'.
5 static ɵmod: ɵngcc0.ɵɵNgModuleDeclaration<AngularFireAuthModule, never, never, never>;
                    ~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/auth/auth.module.d.ts:6:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵInjectorDeclaration'.
6 static ɵinj: ɵngcc0.ɵɵInjectorDeclaration<AngularFireAuthModule>;
                    ~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firebase.app.module.d.ts:48:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵFactoryDeclaration'.
48 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<AngularFireModule, never>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firebase.app.module.d.ts:49:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵNgModuleDeclaration'.
49 static ɵmod: ɵngcc0.ɵɵNgModuleDeclaration<AngularFireModule, never, never, never>;
                    ~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firebase.app.module.d.ts:50:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵInjectorDeclaration'.
50 static ɵinj: ɵngcc0.ɵɵInjectorDeclaration<AngularFireModule>;
                    ~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firestore/firestore.d.ts:30:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵFactoryDeclaration'.
30 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<AngularFirestore, [null, { optional: true; }, { optional: true; }, { optional: true; }, null, null, { optional: true; }]>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firestore/firestore.d.ts:31:26 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵInjectableDeclaration'.
31 static ɵprov: ɵngcc0.ɵɵInjectableDeclaration<AngularFirestore>;
                     ~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firestore/firestore.module.d.ts:7:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵFactoryDeclaration'.
7 static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<AngularFirestoreModule, never>;
                    ~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firestore/firestore.module.d.ts:8:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵNgModuleDeclaration'.
8 static ɵmod: ɵngcc0.ɵɵNgModuleDeclaration<AngularFirestoreModule, never, never, never>;
                    ~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/angularfire2/node_modules/@angular/fire/firestore/firestore.module.d.ts:9:25 - error TS2694: Namespace "&quot;D:/WEBSITES/Projects/clientpanel/node_modules/angularfire2/node_modules/@angular/core/core&quot;" has no exported member 'ɵɵInjectorDeclaration'.
9 static ɵinj: ɵngcc0.ɵɵInjectorDeclaration<AngularFirestoreModule>;
                    ~~~~~~~~~~~~~~~~~~~~~

内容的提问来源于stack exchange,提问作者Rd2

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.29 22:03:16