Provedor Angular personalizado não funciona, mas não há erro

Question

Comecei um projeto angular básico usando o gerador angular yeoman.

Adicionei muito poucas coisas ao aplicativo:

angular.module('myApp', ['ui.router', 
'ngAnimate', 
'ngCookies', 
'ngResource', 
'ngSanitize', 
'loginService',
'restangular']).
config(function($urlRouterProvider, $stateProvider) {
  $urlRouterProvider.otherwise('/');
  return $stateProvider.state('home', {
    url: '/',
    templateUrl: 'views/main.html',
    controller: 'MainCtrl'
  }).state('about', {
    url: '/about',
    templateUrl: 'views/about.html',
    controller: 'AboutCtrl'
  });
}).run(function($state) {
  return $state.transitionTo('home');
});

loginService é um costume Fornecedor, e, aparentemente, não há nenhum erro de js.Estou carregando-o de index.html e aparentemente o console do navegador não apresenta nenhum erro.Por uma questão de clareza, tomei o serviço de login de exemplo de login angular

O problema é que sempre que adiciono este serviço ao aplicativo ele para de funcionar e não recebo nenhuma mensagem de erro.Eu tentei comentar a dependência loginService quando declaro meu módulo de aplicativo, mas parece não ajudar.

O Única coisa que faz o aplicativo funcionar é remover completamente <script src="scripts/services/login-service.js"></script> tag do index.html

Talvez eu tenha um erro de js nele?Mas o console do navegador parece muito feliz.

EDITAR: Eu gero meu script a partir do coffescript, talvez isso possa ter algo a ver com isso, quero dizer, algo acontecendo durante essa conversão que eu perdi?Aqui o serviços de login em coffeeScript e após a conversão em javascript

Answer 1

Seu arquivo começa com

angular.module('myApp', [])

Ao fazer isso, você redefinir o módulo 'myApp', dizendo que não tem nenhuma dependência.O que você deseja é obter uma referência ao módulo 'myApp', e não redefini-lo.Você precisa assim

angular.module('myApp')