ui-bootstrap-tpls-0.14.3.min.js: 8 Uncaught ReferenceError: угловой не определен

0

Мое приложение работает нормально, пока я не установил ui-bootstrap-tpls-0.14.3.min.js

я ввожу ui.bootstrap как зависимость

var app = angular.module("earnfitApp", ['ngRoute','ui.bootstrap']);

я также включает файл js

        <!-- ================== BEGIN BASE JS ================== -->
            <script src="assets/plugins/jquery/jquery-1.9.1.min.js"></script>
            <script src="assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>


<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/js/ui-bootstrap-tpls-0.14.3.min.js"></script>
        <script src="assets/js/angular.js"></script>
        <script src="assets/js/ui-bootstrap-tpls-0.14.3.min.js"></script>
        <script src="assets/js/angular-route.min.js"></script>
        <script src="assets/js/ngStorage.min.js"></script>
        <script src="assets/js/EarnfitApp.js"></script>
        <script src="assets/js/controllers.js"></script>

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

ui-bootstrap-tpls-0.14.3.min.js:8 Uncaught ReferenceError: angular is not defined
angular.js:4640 Uncaught Error: [$injector:modulerr] Failed to instantiate module earnfitApp due to:
Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to:
Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.5.8/$injector/nomod?p0=ui.bootstrap
    at http://localhost:2000/earnfitangular/angular/assets/js/angular.js:68:12
    at http://localhost:2000/earnfitangular/angular/assets/js/angular.js:2082:17
    at ensure (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:2006:38)
    at module (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:2080:14)
    at http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4617:22
    at forEach (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:321:20)
    at loadModules (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4601:5)
    at http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4618:40
    at forEach (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:321:20)
    at loadModules (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4601:5)
http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=ui.bootstrap&p1=Err…st%3A2000%2Fearnfitangular%2Fangular%2Fassets%2Fjs%2Fangular.js%3A4601%3A5)
    at http://localhost:2000/earnfitangular/angular/assets/js/angular.js:68:12
    at http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4640:15
    at forEach (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:321:20)
    at loadModules (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4601:5)
    at http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4618:40
    at forEach (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:321:20)
    at loadModules (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4601:5)
    at createInjector (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:4523:19)
    at doBootstrap (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:1758:20)
    at bootstrap (http://localhost:2000/earnfitangular/angular/assets/js/angular.js:1779:12)

я не понимаю, что я сделал неправильно, любая помощь заметна.

  • 0
    Вы добавили угловой JS?
  • 0
    @SurenSrapyan да, конечно, я работал, приложение работало до добавления ui.bootstrap

2 ответа

0
Лучший ответ

Переупорядочивайте ссылки на сценарий, подобные этому.

<script src="assets/js/ui-bootstrap-tpls-0.14.3.min.js"></script>
<script src="assets/js/EarnfitApp.js"></script>
<script src="assets/js/controllers.js"></script>

Это было ошибкой, потому что bootstrap ui не ссылался перед вашим app.js

0

я заметил, что вы не включили angularjs в html

<!-- ================== BEGIN BASE JS ================== -->
<!-- Include angularjs here-->
<script src="assets/path/to/angularjs/angular.min.js"></script>
<script src="assets/plugins/jquery/jquery-1.9.1.min.js"></script>
<script src="assets/plugins/jquery/jquery-migrate-1.1.0.min.js"> </script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/ui-bootstrap-tpls-0.14.3.min.js"></script>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню