El proveedor Angular personalizado no funciona pero no hay error

Question

Comencé un proyecto angular básico usando el generador angular yeoman.

Agregué muy pocas cosas a la aplicación:

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 es una costumbre Proveedor, y aparentemente no tiene ningún error js.Lo estoy cargando desde index.html y al parecer la consola del navegador no me da ningún error.Para mayor claridad he tomado el servicio de inicio de sesión de ejemplo de inicio de sesión angular

El problema es que cada vez que agrego este servicio a la aplicación, las cosas dejan de funcionar y no aparece ningún mensaje de error.Intenté comentar la dependencia. loginService cuando declaro el módulo de mi aplicación pero no parece ayudar.

El lo único lo que hace que la aplicación funcione es eliminarla por completo <script src="scripts/services/login-service.js"></script> etiqueta del index.html

¿Quizás tengo un error js dentro?Pero la consola del navegador parece feliz y resistente.

EDITAR: Genero mi script desde coffescript, tal vez esto podría tener algo que ver con eso, me refiero a que sucedió algo durante esta conversión que me perdí.Aquí el Servicios de inicio de sesión en CoffeeScript y después de la conversión en javascript

Answer 1

Su archivo comienza con

angular.module('myApp', [])

Al hacer esto, usted redefinir el módulo 'myApp', diciendo que no tiene ninguna dependencia.Lo que desea es obtener una referencia al módulo 'myApp', no redefinirlo.Por lo tanto necesitas

angular.module('myApp')