当我将 firebase 添加到应用程序依赖项列表时应用程序中断答案

【问题标题】：App breaks when I add firebase to list of app dependencies当我将 firebase 添加到应用程序依赖项列表时应用程序中断
【发布时间】：2014-08-08 17:56:44
【问题描述】：

我正在尝试使用 angularfire 初始化一个 Angular 应用程序。我正在使用 yeoman 的角度生成器来创建一个新的角度脚手架。然后，我添加了 firebase 和 angularfire CDN：

<script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>

最后，我将 firebase 添加为 app 模块的依赖项：

angular
  .module('socialfictionApp', [
    'ngAnimate',
    'ngCookies',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'firebase'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .when('/about', {
        templateUrl: 'views/about.html',
        controller: 'AboutCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

但是，当我使用 grunt 启动应用程序时，应用程序中断 - 视图不呈现，导航中断等。但是，一旦我从应用程序模块中删除 firebase 依赖项，一切正常。

编辑

在我的控制台中，我收到以下错误：

未捕获的 ReferenceError：未定义角度 > cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js:7

未捕获对象 localhost:9000/bower_components/angular/angular.js:3809

【问题讨论】：

控制台有错误吗？
是的，我刚刚编辑了我的问题。谢谢。
您是否在angularfire.js 之前包含angular.js？
您可能想将其作为答案发布@runTarm
精氨酸。这就是问题所在。我必须在结束 html 标记之前包含 firebase。将此作为答案发布，我会确认。谢谢！

标签： angularjs firebase angularfire

【解决方案1】：

您必须包含angularfire.min.js 脚本标签AFTER angular.js：

<script src="bower_components/angular/angular.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>

【讨论】：

【解决方案2】：

我已经尝试了带有凉亭的 yeoman 生成器，我不得不在终端中添加它

bower install angularfire --save.

我在 thinkster.io 教程 Learn to Build Modern Web Apps with the AngularJS Tutorial 第 4 章提供的示例中找到了它

【讨论】：

这很有趣。我尝试使用 bower 安装 angularfire，但该应用程序也无法正常工作。我试试这个方法。