javascript - ui-bootstrap-tpls-0.14.3.min.js :8 Uncaught ReferenceError: angular is not defined

Question

我的应用程序工作正常，直到我安装了 ui-bootstrap-tpls-0.14.3.min.js

我注入(inject) 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)

我不明白我做错了什么，任何帮助都是值得赞赏的。

Answer 1

像这样重新排序您的脚本引用。

<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>

它出错了，因为在你的app.js之前没有引用bootstrap ui