如何将 Angularfire2 添加到我的 Angular 项目中？答案

【问题标题】：How to add Angularfire2 to my Angular project?如何将 Angularfire2 添加到我的 Angular 项目中？
【发布时间】：2018-10-25 16:16:20
【问题描述】：

我正在尝试将 Angularfire2 添加到一个全新的 Angular 项目中。我按照官方网站上的说明进行操作

当我在执行第 7 步 - 注入 AngularFirestore 时遇到错误，并且这些错误出现在控制台中：

有谁知道如何解决这个问题？

提前致谢。

编辑：忘记指定 Angular 和我的系统的版本角 CLI：1.7.4 节点：9.8.0 操作系统：win 10 x64 角度：5.2.10

【问题讨论】：

你能创建一个 stackblitz 来重现这个问题吗？
由于某种原因，我创建了 stackblitz 但无法重现问题
"ERROR TypeError: Object(...) is not a function" using AngularFirestore and firebase的可能重复

【解决方案1】：

经过一番研究，尝试和错误，我找到了安装这些版本的解决方案：

npm uninstall angularfire2
npm install angularfire2@5.0.0-rc.3 --save
npm uninstall firebase
npm install firebase@4.8.0 --save

【讨论】：

【解决方案2】：

这里是 Angularfire 维护者，您将希望将 rxjs 升级到版本 6 以与 AngularFire 兼容。我们已经升级到与 Angular 6 保持同步。

npm i --save rxjs@^6.0

您也应该考虑自己升级到 Angular 6，这样会更加兼容。如果您目前无法做到这一点，或者您对 rxjs 5 有其他依赖项，请也安装 rxjs-compat。

npm i --save rxjs-compat

【讨论】：