Question

我正在尝试使用angularfire初始化角度应用。我正在使用自耕农的角度生成器来创建一个新的角形脚手架。然后，我添加了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旋转应用程序时应用程序中断 - 视图不渲染，导航中断等等。但是一旦我从app模块中删除firebase依赖项，一切正常。

修改

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

未捕获的ReferenceError：未定义角度＆gt; 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中添加angular.js脚本标记 AFTER ：

<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应用程序

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

2 个答案: