Question

我的应用程序运行良好，直到我安装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)

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

Answer 1

我注意到你没有在html上包含angularjs

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

Answer 2

重新排序您的脚本引用。

{{1}}

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

ui-bootstrap-tpls-0.14.3.min.js：8未捕获的ReferenceError：未定义angular

2 个答案: