Problem beim Laden des externen Winkelmoduls in 'mainApp' Modul mit RequireJS

Question

Ich habe vor kurzem begonnen, RequireJS mit AngularJS zu verwenden. Ich bin auf ein Plugin namens AngularAMD gestoßen, das es Require und Angular erleichtert, zusammen zu arbeiten. Ich habe die folgende Konfiguration. Jetzt

require.config({ 
    baseUrl: "",  
    paths: { 
     'angular': 'lib/js/angular.min', 
     'angular-route': 'lib/js/angular-route.min', 
     'angular-resource': 'lib/js/angular-resource.min', 
     'angularAMD': 'lib/js/angularAMD.min', 
     'jquery':'lib/js/jquery-1.11.3.min', 
     'bootstrap':'lib/js/bootstrap.min', 
     'httpAPIService' : 'httpAPIService', 
     'angular-charts':'lib/js/angular-charts', 
     'd3': 'lib/js/d3.min' 
    }, 
    shim: { 'bootstrap':['jquery'], 'angular': ['jquery', 'bootstrap'], 'angularAMD': ['angular'], 'angular-route': ['angular'], 'angular-resource': ['angular'], 'angular-charts':['angular', 'd3'], 'httpAPIService': ['mainApp']}, 
    deps: ['mainApp'] 
}); 

in mainApp.js Ich habe den folgenden Code:

define(['angularAMD', 'angular-route'], function (angularAMD) { 

    var mainApp = angular.module('mainApp', ['ngRoute']); 

    mainApp.config(function ($routeProvider) { 
     $routeProvider.when("/userAgreement", angularAMD.route({ 
      templateUrl: 'modules/agreement/views/eulaView.html', controller: 'eulaController', 
      controllerUrl: 'modules/agreement/js/eulaController' 
     })) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    }); 
    return angularAMD.bootstrap(mainApp); 
}); 

der gut arbeitet. Aber wenn ich versuche, angular-charts Modul hinzuzufügen. Gefällt mir:

define(['angularAMD', 'angular-route', 'angular-charts'], function (angularAMD) { 

    var mainApp = angular.module('mainApp', ['ngRoute', 'angularCharts']); 

    mainApp.config(function ($routeProvider) { 
     $routeProvider.when("/userAgreement", angularAMD.route({ 
      templateUrl: 'modules/agreement/views/eulaView.html', controller: 'eulaController', 
      controllerUrl: 'modules/agreement/js/eulaController' 
     })) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
    }); 
    return angularAMD.bootstrap(mainApp); 
}); 

Es gibt mir $injector:modulerr Module Error. Ich bin neu in AMD Konzept. Bitte helfen Sie.

Answer 1

Haben Sie versucht ngload pro documentation?

define(['angularAMD', 'angular-route', 'ngload!angular-charts'], function (angularAMD) { 

... 

})