添加Firebase到Angular 2 Tour of Heroes教程

时间:2016-02-16 22:22:29

标签: firebase angular angularfire

我试图将firebase连接到John Papa的angular2英雄之旅教程,我无法弄清楚如何去做。

我试图在他的angular2示例here中关注并实施jeffbcross,但我无法让它发挥作用。我试图创建一个简单的angular2和firebase一起玩的例子,如果它包含OAuth,它真的很酷。有谁知道如何解决这个问题或者有一个回购呢?

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

(如果有帮助,我使用的是Visual Studio Code,确切的错误是"找不到模块' firebase'")

1 个答案:

答案 0 :(得分:5)

另一个更新:人们应该看一下目前处于测试阶段的新AngularFire项目(https://github.com/angular/angularfire2https://angularfire2.com/api/)。该模块负责处理每个人都面临的许多问题。

查看jeffbcross的typings.json文件。这就是编译器获取' firebase'参考

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

npm run install_typings

这将安装typings,这对于Typecript定义的管理者来说是有帮助的。"你也可以正常的方式安装打字:

npm install typings --global

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

typings install firebase --ambient --save

结果应该在项目的根目录上为您提供一个名为" typings"的新文件夹。里面有文件和文件夹。

我希望这会有所帮助,因为我很难让Angular 2的任何使用Firebase示例。我获得最大成功的是r-park的todo-angular2-firebase回购。

祝你好运。