Angular集成Firebase遇initializeApp未定义问题及临时解决办法

我最近在Angular项目里集成Firebase的时候踩了个坑——控制台一直抛出firebase.initializeApp is not a function的错误，折腾了好一会儿终于找到了解决办法，把过程分享给大家：

• 最初的尝试：我用了标准的ES模块导入方式：

  import * as firebase from "firebase";
  

  结果一运行就报错，提示initializeApp不是一个函数。

• 换成CommonJS导入：我想着试试用require导入，改成了：

  const firebase = require("firebase");
  

  结果还是不对，于是我打印了firebase变量查看结构，发现这个变量本身并没有initializeApp方法，反而在它内部嵌套了一个同名的firebase对象，这个嵌套的对象里才包含我们需要的initializeApp方法。

• 最终解决办法：既然找到了正确的方法所在位置，直接调用嵌套对象里的方法就搞定了：

  firebase.firebase.initializeApp({
    // 你的Firebase配置信息
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_AUTH_DOMAIN",
    // ...其他配置项
  });
  

  这么一弄，项目就能正常初始化Firebase了。

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