添加Firebase到Angular 2 Tour of Heroes教程

Question

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

我试着遵循和执行他的angular2例如jeffbcross 这里,但我不能完全得到它的工作.我正在尝试创建一个简单的angular2和firebase一起玩的例子,如果它包含OAuth,它会非常酷.有谁知道如何挂钩或有这个回购？

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

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

Answer 1

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

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

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

npm run install_typings

这将会安装分型,这将有助于为"为打字稿定义的经理." 你也可以正常方式安装打字:

npm install typings --global

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

typings install firebase --ambient --save

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

我希望这会有所帮助,因为我很难让任何带有Firebase示例的Angular 2工作.我获得最大成功的是r-park的todo-angular2-firebase repo.

祝好运.