Приложение прерывается, когда я добавляю firebase в список зависимостей приложения

Я пытаюсь инициализировать приложение angular с помощью angularfire. Я использую угловой генератор Йомена, чтобы создать новый угловой каркас. Затем я добавляю CDN firebase и angularfire:

<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 из модуля приложения, все работает нормально.

ИЗМЕНИТЬ

В моей консоли я получаю следующие ошибки:

Uncaught ReferenceError: angular не определен> cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js:7

Неперехваченный объект localhost: 9000 / bower_components / angular / angular.js: 3809


person reknirt    schedule 08.08.2014    source источник
comment
В консоли есть ошибка?   -  person runTarm    schedule 08.08.2014
comment
Да, я только что отредактировал свой вопрос. Спасибо.   -  person reknirt    schedule 09.08.2014
comment
Вы включаете angular.js перед angularfire.js?   -  person runTarm    schedule 09.08.2014
comment
Вы можете опубликовать это как ответ @runTarm   -  person Frank van Puffelen    schedule 09.08.2014
comment
Арг. Вот в чем проблема. Мне пришлось включить firebase перед закрывающим тегом html. Отправьте это как ответ, и я подтвердю. Спасибо!   -  person reknirt    schedule 09.08.2014
comment
Рад, что полностью решил проблему :)   -  person runTarm    schedule 09.08.2014


Ответы (2)


Вы должны включить angularfire.min.js тег скрипта ПОСЛЕ для 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>
person runTarm    schedule 08.08.2014

Я пробовал генератор йомена с беседкой, и мне пришлось добавить это в терминал

bower install angularfire --save.

Я нашел это в примере, предоставленном thinkster.io в главе 4 учебника «Научитесь создавать современные веб-приложения с помощью учебника AngularJS».

person Denis    schedule 08.08.2014
comment
Это интересно. Я попытался установить angularfire с bower, и приложение тоже не работало. Попробую этот способ. - person reknirt; 09.08.2014