将Firebase添加到应用程序依赖项列表时，应用程序中断

Question

我正在尝试使用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添加为应用程序模块的依赖项：

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: '/'
      });
  });

但是，当我用咕unt的声音启动应用程序时，应用程序会中断-视图无法渲染，导航中断等。但是，一旦我从应用程序模块中删除了firebase依赖项，一切就可以正常工作。

编辑

在我的控制台中，出现以下错误：

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

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

Answer 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>

Answer 2

我已经尝试用弓箭手实现yeoman生成器，并且我不得不在终端中添加它

bower install angularfire --save 。

我在thinkster.io教程第4章提供的示例中找到了它，该课程学习使用AngularJS教程构建现代Web应用程序