Uncaught Fehler: [$ injector: modulerr] Fehler beim Instanziieren des Moduls sangamApp aufgrund: Fehler: [$ injector: unpr] Unbekannter Provider: $ stateProvider

Question

Ich möchte einen Kalender auf meiner Webseite anzeigen, der folgende Code funktioniert einwandfrei, wenn ich Fügen Sie ['ui.calendar'] nicht in angular.module() ein, aber in diesem Fall wird der Kalender nicht angezeigt, und wenn ich das zu angular.module() hinzufüge, wird der obige Fehler angezeigt. Bitte hilf mir !

das sind meine zwei Javascript-Dateien

'use strict'; 
 

 
angular.module('sangamApp') 
 
    .config(['$stateProvider',function ($stateProvider) { 
 
    $stateProvider 
 
     .state('calendar', { 
 
     url: '/calendar', 
 
     template: '<calendar></calendar>' 
 
     }); 
 
    }]);

'use strict'; 
 
(function(){ 
 

 
class CalendarComponent { 
 
    constructor() { 
 
    this.eventSources = []; 
 
    
 
    this.uiConfig = { 
 
     calendar : { 
 
       editable : true, 
 
       header : { 
 
         left : 'prev,next,today', 
 
         centre : 'title', 
 
         right : 'month,agendaWeek,agendaDay' 
 
         } 
 
        } 
 
       } 
 
    } 
 
} 
 

 
angular.module('sangamApp',['ui.calendar']) 
 
    .component('calendar', { 
 
    templateUrl: 'app/calendar/calendar.html', 
 
    controller: CalendarComponent 
 
    }); 
 

 
})();

Answer 1

Sie $stateProvider verwenden, aber Sie vergessen ui.router in Ihrem Modulabhängigkeiten zu setzen.

angular.module('sangamApp',['ui.calendar', 'ui.router']) // added ui.router 

Answer 2

Das erste Mal Sie die App-Modul können Sie die Liste aller Modulabhängigkeiten als zweiten Parameter zu angular.module übergeben müssen erklären, und da Sie $stateProvider verwenden Sie die ui.router in der Liste der dependecies angeben sollten

angular.module('sangamApp',['ui.calendar', 'ui.router'])