(Angular Universal) - firebase.initializeApp 不是函数

【问题标题】：(Angular Universal) - firebase.initializeApp is not a function(Angular Universal) - firebase.initializeApp 不是函数
【发布时间】：2018-12-10 02:58:30
【问题描述】：

我在与angularfire2 一起运行服务器端渲染时遇到问题。

nodeJS 产生： TypeError: firebase.initializeApp is not a function

浏览器构建按预期工作。是否有任何技巧可以使用angularfire2 获得服务器端渲染？到目前为止，我正在初始化应用程序：

import * as firebase from 'firebase/app';
firebase.initializeApp(firebaseConfig);

在服务器和浏览器模块导入的app.module.ts中。

【问题讨论】：

您的 firebase sdk 未安装。通常，当您的脚本包含在 firebase.js 脚本之前时，就会发生这种情况。
firebase.js 脚本是什么意思？ import * as firebase from 'firebase/app';? 中包含的这个？
如果你使用angularfire2，为什么不打电话给AngularFireModule#initializeApp呢？

标签： angular typescript firebase angularfire2

【解决方案1】：

您有没有为此找到可行的解决方案？我在非角度打字稿项目中遇到了同样的问题。

import * as firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/database';

然后：

firebase.initializeApp(firebaseConfig);

结果：

app.core.js:2316 TypeError: undefined is not a function

这是在构建过程之后的浏览器中。

编译后的app.js 看起来像：

    undefined(firebaseConfig);

更新：我刚刚在构建过程中注意到了这一点：

[ WARN  ]  Bundling Warning
           'initializeApp' is not exported by 'node_modules/firebase/app/dist/index.esm.js'

更新 2：我修改了我的导入，一切正常！

import firebase from 'firebase/app';

基于：https://github.com/firebase/firebaseui-web/issues/392#issuecomment-389197920

【讨论】：