Angular集成Firebase9报Package path ./compat未导出错误如何解决？

该报错是@angular/fire@7.0.3与firebase@9.0.1的版本兼容性问题，@angular/fire 7.0.3对firebase 9.x版本的compat导出路径适配存在缺陷，当Angular依赖注入触发AuthService加载时，会找不到firebase对应的compat导出模块。

解决方案 #

方案1：升级到兼容稳定版本（最推荐） #

修改package.json中的依赖版本为匹配的稳定版：

"@angular/fire": "^7.4.1",
"firebase": "^9.8.0"

修改完成后删除项目根目录的node_modules文件夹、package-lock.json（或yarn.lock）文件，重新执行安装依赖命令即可。

方案2：固定firebase版本（不升级@angular/fire时可选） #

如果需要保留当前@angular/fire@7.0.3版本，将firebase版本固定为9.0.0即可：

"firebase": "9.0.0"

同样删除旧的依赖文件后重新安装即可解决报错。

方案3：临时路径映射（仅临时测试用） #

如果不想修改依赖版本，可在tsconfig.json的compilerOptions中添加路径映射强制匹配compat路径：

{
  "compilerOptions": {
    // 其余原有配置保留
    "paths": {
      "firebase/compat/*": ["./node_modules/firebase/compat/*"]
    }
  }
}

该方案为临时适配方法，不建议长期使用。

修改完成后重新编译项目，注入AuthService的报错即可消除，对应的内部断言错误也会同步修复。

内容的提问来源于stack exchange，提问作者Stefan Falk