AngularJS Ошибка: $ injector: modulerr

Question

У меня проблема с угловым приложением. Один работает отлично, а второй (без разницы, кроме имен переменных, приложений и контроллеров) нет. У меня есть следующее сообщение об ошибке Error: $injector:modulerr Module Error и Failed to instantiate module ConfigurationApp due to: ...

Вот мой HTML:

<script src="../bower_components/angular/angular.min.js"></script> 
<script src="../bower_components/angular-route/angular-route.js"></script> 
<script src="../bower_components/angularLocalStorage-nc/src/angularLocalStorage.js"></script> 
<script src="../js/ConfigurationApp.js"></script> 
<script src="../js/ConfigurationController.js"></script> 

Вот ConfigurationApp.js:

var ConfigurationApp = angular.module('ConfigurationApp', ['ngRoute', 'angularLocalStorage', 'ui.bootstrap']); 

ConfigurationApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/', { 
      templateUrl: 'pages/configuration/index.html', 
      controller: 'ConfigurationController', 
     }); 
    } 
    ]); 

Полная ошибка

http://errors.angularjs.org/1.3.13/ $injector/modulerr?p0=ui.bootstrap&p1=Error: [$injector:nomod] http://errors.angularjs.org/1.3.13/ $injector/nomod?p0=ui.bootstrap at Error (native) at http://localhost:3000/bower_components/angular/angular.min.js:6:417 at http://localhost:3000/bower_components/angular/angular.min.js:21:412 at a (http://localhost:3000/bower_components/angular/angular.min.js:21:53) at x.bootstrap (http://localhost:3000/bower_components/angular/angular.min.js:21:296) at http://localhost:3000/bower_components/angular/angular.min.js:35:116 at s (http://localhost:3000/bower_components/angular/angular.min.js:7:302) at g (http://localhost:3000/bower_components/angular/angular.min.js:34:399) at http://localhost:3000/bower_components/angular/angular.min.js:35:63 at s (http://localhost:3000/bower_components/angular/angular.min.js:7:302

Вы знаете, где проблема?

Answer 1

Ошибка указывает, что ui.bootstrap не доступен. Но имя модуля правильно вводится в модуль приложения

var ConfigurationApp = angular.module('ConfigurationApp', ['ngRoute', 'angularLocalStorage', 'ui.bootstrap']); 

Но, в вашем коде нет ui.bootstrap сценария. Вы должны включить этот сценарий, и он будет работать

<script src="../bower_components/angular/angular.min.js"></script> 
<script src="../bower_components/angular-route/angular-route.js"></script> 
<script src="../bower_components/angularLocalStorage-nc/src/angularLocalStorage.js"></script> 
<script src="../js/ConfigurationApp.js"></script> 
<script src="../js/ConfigurationController.js"></script>