Angular 10升级至11后@angular/fire authState类型错误如何解决？

问题根源 #

当前使用的@angular/fire@6.1.5和firebase@7.24.0版本组合，与Angular 11的类型系统存在兼容性冲突，具体表现为auth模块的authState Observable类型和索引类型不匹配。

解决步骤 #

• 升级@angular/fire到适配Angular 11的版本：Angular 11对应兼容的@angular/fire最低版本是6.1.6，执行以下命令：

  npm install @angular/fire@^6.1.6 --save
  

• 同步升级firebase到匹配版本：@angular/fire 6.x系列需要搭配firebase 8.x版本，执行：

  npm install firebase@^8.10.0 --save
  

• 清理依赖缓存并重新构建项目，确保依赖完全更新：

  rm -rf node_modules package-lock.json
  npm install
  ng build
  

额外提示 #

如果执行上述步骤后仍有类型报错，可以临时调整tsconfig.json中的配置，将strictPropertyInitialization设为false，但优先推荐保持版本匹配的解决方案。

内容的提问来源于stack exchange，提问作者Midhun Joseph