未捕获的错误:[$injector:modulerr]由于:错误:[$injector:unpr]未知的提供商:$sta

Uncaught Error: [$injector:modulerr] Failed to instantiate module sangamApp due to: Error: [$injector:unpr] Unknown provider: $stateProvider

本文关键字：injector 错误 未知 提供商 sta unpr 由于 modulerr      更新时间：2023-09-26

我想在我的网页上显示一个日历，下面的代码工作得很好，如果我不放['ui]。在angular.module()中，但在这种情况下，日历没有显示，如果我将其添加到angular.module()中，它会显示上述错误。请帮帮我!

这是我的两个javascript文件

'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
  });
})();

您使用$stateProvider，但您忘记将ui.router放在模块依赖项中。

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

第一次你声明应用模块时，你需要将所有模块依赖项的列表作为第二个参数传递给angular.module，因为你使用的是$stateProvider，你应该在依赖项列表中指定ui.router 

angular.module('sangamApp',['ui.calendar', 'ui.router'])
相关文章：