负载angularjs与requirejs

Question

我想包括这个angularjs库AngularGeo 到我的项目地理库，但我得到的app.js文件angularjs模块的这个错误：

Failed to instantiate module myApp due to: 
Error: [$injector:unpr] Unknown provider: angular-geo 

我看到angularjs，地理文件被加载，我看到他们在开发工具，但无论如何，我得到这个问题。

main.js：

require.config({ 
    baseUrl: 'app', 
    //urlArgs: 'v=1.0' 
    paths: { 
     'angular': '../scripts/angular', 
     'angular.route': '../scripts/angular-route', 
     'angular.localStorage': '../scripts/angular-local-storage.min', 
     'lodash': '../scripts/lodash', 
     'angular-google-maps': '../scripts/angular-google-maps', 
     'jquery': '../scripts/jquery-2.1.1', 
     'uiBootstrap': '../scripts/ui-bootstrap-0.11.0.min', 
     'underscore': '../scripts/underscore-min', 
     'gmaps': '../scripts/gmaps', 
     'async': '../scripts/requirejs-plugins/async', 
     'propertyParser': '../scripts/requirejs-plugins/propertyParser', 
     'goog': '../scripts/requirejs-plugins/goog', 
     'select2': '../scripts/select2/select2', 
     'ui-select2': '../scripts/ui-select2/src/select2', 
     'angular-detour': '../scripts/angular-detour/dist/angular-detour.amd', 
     'angular-geo': '../scripts/modules/angularGeo/angulargeo', 
     'angular-geo-providers.google': '../scripts/modules/angularGeo/providers/angulargeo-google' 
    }, 

    shim: { 
     'angular': { 
      exports: 'angular', 
      deps: ['jquery'] 
     }, 
     'underscore': { 
      exports: '_' 
     }, 
     'angular.route': ['angular'], 
     'angular.localStorage': ['angular'], 

     'angular-google-maps': { 
      deps: ['angular', 'underscore'], 
      exports: 'angular-google-maps' 
     }, 
     'uiBootstrap': ['angular'], 
     'select2': ['jquery', 'angular'], 
     'ui-select2': ['select2'], 
     'angular-geo': { 
      exports: 'angular-geo', 
      deps: ['angular', 'goog'] 
     }, 
     'angular-geo-providers.google': { 
      exports: 'angular', 
      deps: ['angular', 'angular-geo'] 
     } 
    } 
}); 

app.js：

define(['angular', 'angular.route', 'angular.localStorage', 'uiBootstrap', 'angular-google-maps', 'services/routeResolver', 'ui-select2', 'angular-detour', 'angular-geo'], function() { 
    var app = angular.module('myapp', ['ngRoute', 'LocalStorageModule', 'ui.bootstrap', 'google-maps', 'routeResolverServices', 'ui.select2', 'agt.detour', 'angular-geo']); 
    app.config(['$routeProvider', 'routeResolverProvider', '$controllerProvider', '$compileProvider', '$filterProvider', '$provide', '$locationProvider', 'angular-geo', function ($routeProvider, routeResolverProvider, $controllerProvider, $compileProvider, $filterProvider, $provide, $locationProvider, angularGeoProvider, angularGeoGoogleProvider) { 
     angularGeoProvider.addProvider(angularGeoGoogleProvider.name); 
    } 
} 

Answer 1

依赖性的名称（不模块依赖）应angularGeo。由于您可能需要供应商,angularGeoProvider - 而不是angular-geo。此外，由于您也在使用angularGeoGoogleProvider，因此也将其添加到依存关系列表中，即：

define(['angular', ..., 'angular-geo'], function() { 
    var app = angular.module('myapp', ['ngRoute', ..., 'angular-geo']); 
    app.config([ 
     '$routeProvider', ..., 'angularGeoProvider', 'angularGeoGoogleProvider', 
     function ($routeProvider, ..., angularGeoProvider, angularGeoGoogleProvider) { 
      angularGeoProvider.addProvider(angularGeoGoogleProvider.name); 
     } 
    ]); 
};