موفر 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 وبعد التحويل في جافا سكريبت

Answer 1

يبدأ ملفك بـ

angular.module('myApp', [])

من خلال القيام بذلك، أنت إعادة تعريف الوحدة النمطية "myApp"، قائلًا إنها لا تحتوي على أي تبعية على الإطلاق.ما تريده هو الحصول على مرجع للوحدة "myApp"، وليس إعادة تعريفها.أنت بالتالي بحاجة

angular.module('myApp')