将 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 存储库。
祝你好运。
我正在尝试将 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 存储库。
祝你好运。