将 Firebase 添加到 Angular 2 英雄之旅教程

Adding Firebase to Angular 2 Tour of Heroes Tutorial

我正在尝试将 firebase 连接到 John Papa 的 angular2 英雄之旅教程,但我不知道该怎么做。

我试图在他的 angular2 示例 here 中遵循并实现 jeffbcross,但我不能完全让它工作。我正在尝试创建一个简单的示例,说明 angular2 和 firebase 一起玩得很好,如果它包含 OAuth,那将非常酷。有谁知道如何连接这个或有这个的回购协议?

在尝试使用 jeffbcross 的示例后,我被困在这里:github.com/LukeSchlangen/heroesOfFirebase我无法使所有引用和导入工作。具体来说,import * as Firebase from 'firebase'; 会一直显示我有 'firebase' 未定义,这是有道理的,因为我从未导出它,但我不知道在哪里导出它。

(如果有帮助,我使用的是 Visual Studio 代码,准确的错误是 "Cannot find module 'firebase'")

又一更新:人们应该看看目前处于测试阶段的新 AngularFire 项目 (https://github.com/angular/angularfire2 and https://angularfire2.com/api/)。这个模块解决了大家面临的很多问题。

查看 jeffbcross 的 typings.json 文件。这就是编译器获取 'firebase' 引用的地方。

更新:对于这个 repo,原作者在 package.json 中引用了一个名为 "install_typings" 的脚本,可以使用以下方式调用:

npm run install_typings

这将安装 typings 这将有助于 "the manager for Typescript definitions." 您也可以按正常方式安装类型:

npm install typings --global

要安装 Firebase 定义,我需要运行这个命令:

typings install firebase --ambient --save

结果应该会在名为 "typings" 的项目根目录中为您提供一个新文件夹,其中包含文件和文件夹。

我希望这会有所帮助,因为我很难让 any of Angular 2 with Firebase examples 正常工作。我最成功的是 r-park 的 todo-angular2-firebase 存储库。

祝你好运。