自定义 Angular 提供程序无法工作但没有错误

Question

我使用 yeoman 角度生成器开始了一个基本的角度项目。

我在应用程序中添加了很少的东西：

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 是一种习俗 提供者, ，显然它没有任何 js 错误。我从 index.html 加载它，显然浏览器控制台没有给我任何错误。为了清楚起见，我采取了 登录服务 从 角度登录示例

问题是，每当我将此服务添加到应用程序时，它就会停止工作，并且我不会收到任何错误消息。我确实尝试评论依赖性 loginService 当我声明我的应用程序模块但似乎没有帮助时。

这 唯一的事情 使应用程序正常工作的方法是完全删除 <script src="scripts/services/login-service.js"></script> 来自index.html的标签

也许我确实有一个js错误？但浏览器的控制台似乎很高兴。

编辑： 我从 coffescript 生成我的脚本，也许这可能与它有关，我的意思是在我错过的转换过程中发生了一些事情？这里的 CoffeeScript 中的登录服务 并在转换后 javascript

Answer 1

您的文件开头为

angular.module('myApp', [])

通过这样做，你 重新定义 模块“myApp”，表示它根本没有依赖性。您想要的是获取对模块“myApp”的引用，而不是重新定义它。因此你需要

angular.module('myApp')