当我将 Firebase 添加到应用依赖项列表时应用中断

Question

我正在尝试用角度初始化一个角度应用程序。我正在使用 yeoman 的角度发生器来创建一个新的角度脚手架。然后，我添加了火力基地和角火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: '/'
      });
  });

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

编辑

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

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

未捕获对象本地主机：9000/bower_components/角度/角度.js：3809

Answer 1

您必须在

angular.js 的脚本标签后面包含 angularfire.min.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

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

bower install angularfire --save .

我在教程的第 4 章 Learn 使用 AngularJS 教程构建现代 Web 应用程序 thinkster.io 示例中找到了它