After updating angular-google-maps to version 2.0.1 via bower and adding the required dependencies (bluebird, jquery, loadash), I noticed that my app works fine when I comment out google-maps. This suggests that the issue lies with angular-google-maps.
Here are the dependencies listed in bower.json:
"dependencies": {
"angular-route": "~1.2.21",
"angular-sanitize": "~1.2.21",
"angular-strap": "~2.0.5",
"angular-animate": "~1.2.21",
"angular-resource": "~1.2.21",
"underscore": "~1.6.0",
"angular": "~1.2.21",
"jquery": "~2.1.1",
"bootstrap": "~3.2.0",
"angular-bootstrap": "~0.11.0",
"angular-google-maps": "~2.0.1"
}
The following libraries are loaded:
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<script src="/bower_components/underscore/underscore.js"></script>
<script src="/bower_components/lodash/dist/lodash.underscore.min.js"></script>
<script src="/bower_components/bluebird/js/browser/bluebird.js"></script>
<script src="/bower_components/angular/angular.min.js"></script>
<script src="/bower_components/angular-route/angular-route.min.js"></script>
<script src="/bower_components/angular-sanitize/angular-sanitize.min.js"></script>
<script src="/bower_components/angular-resource/angular-resource.min.js"></script>
<script src="/bower_components/angular-animate/angular-animate.min.js"></script>
<script src="/bower_components/angular-google-maps/dist/angular-google-maps.min.js"></script>
<script src="/bower_components/angular-loading-bar/build/loading-bar.min.js"></script>
<script src="/bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
<script src="/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="bower_components/angular-ui-utils/ui-utils.js"></script>
<script src="bower_components/angular-translate/angular-translate.min.js"></script>
<script src="bower_components/angular-dialogs/angular-dialog.min.js"></script>
<script src="/bower_components/angular-i18n/angular-locale_de.js"></script>
This is how I load my app:
var app = angular.module('app', [
'ngRoute',
'ngSanitize',
'ngResource',
'ngAnimate',
'google-maps', // Removing this line makes the app work
'angular-loading-bar',
'ui.bootstrap',
'ui.utils',
'AppControllers',
'AppFactories',
'AppDirectives',
]);
app.config(['GoogleMapApiProvider'.ns(), function (GoogleMapApi) {
GoogleMapApi.configure({
key: '*********',
v: '3.17',
libraries: 'weather,geometry,visualization'
});
}]);
The error message I encountered:
Failed to instantiate module app due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.2.26/$injector/modulerr?p0=...)
at Error (native)
at http://localhost:8000/bower_components/angular/angular.min.js:6:450
at http://localhost:8000/bower_components/angular/angular.min.js:34:97
at r (http://localhost:8000/bower_components/angular/angular.min.js:7:290)
at e (http://localhost:8000/bower_components/angular/angular.min.js:33:207)
at http://localhost:8000/bower_components/angular/angular.min.js:33:284
at r (http://localhost:8000/bower_components/angular/angular.min.js:7:290)
at e (http://localhost:8000/bower_components/angular/angular.min.js:33:207)
at gc (http://localhost:8000/bower_components/angular/angular.min.js:36:309)
at c (http://localhost:8000/bower_components/angular/angular.min.js:18:170
I have thoroughly checked my bower links and updated all dependencies, but I am still unable to pinpoint the exact cause of the error. Any assistance would be greatly appreciated. Thank you!