впрыскивать ngRoute in requiredjs

Question

Я пытаюсь вставить угловой маршрут в угловом проекте, который также имеет требуемые функции.

app.js выглядит следующим образом:

requirejs.config({ 
    baseUrl: 'lib', 
    paths: { 
     app: '../app', 
     jquery: 'jquery-2.1.3.min', 
     angular: 'angular', 
     route: 'angular-route' 
    }, 
    shim: { 
     'jquery': { 
      exports: '$' 
     }, 
     'angular': { 
      exports: 'angular' 
     }, 
     'route': { 
      deps: ['angular'], 
      exports: 'route' 
     } 
    } 
}); 

// Start loading the main app file. Put all of 
// your application logic in there. 
requirejs(['app/main']); 

main.js выглядит следующим образом:

define(['route', "angular", 'app/navController'], function (route, angular, navController) { 
    var app = angular.module('mainFrameModule', 'ngRoute'); 
    app.controller('navController', navController); 

}); 

, когда я пытаюсь запустить веб-сайт, я получаю сообщение об ошибке follwing описано в: https://docs.angularjs.org/error/ $ injector/nomod? p0 = mainFrameModule

И когда я отлаживаю main.js, маршрут не определен.

Может ли кто-нибудь помочь мне решить эту проблему?

заранее спасибо

Коби

Answer 1

Вам не нужно exports вариант для любой угловой или ngRoute. Попробуйте регулировочную шайбу конфигурацию

shim: { 
     'jquery': { 
      exports: '$' 
     }, 
     'route': ['angular'] 
    } 

и вашего main.js

define(['angular', 'app/navController', 'route'], function (angular, navController) { 
    var app = angular.module('mainFrameModule', 'ngRoute'); 
    app.controller('navController', navController); 

});