版本0.9.0的UI.引导模块未捕获错误

UI.Bootstrap moduler Uncaught error for version 0.9.0

本文关键字：错误 模块 UI 版本      更新时间：2023-09-26

我目前正试图通过使用"data ng include"将页眉添加到我的html页面，但我一直收到"未捕获错误：[$injector:modulerr]未能实例化模块agentOnlineApp"错误。我将我的代码与本网站上的几个答案进行了比较，但似乎都不起作用。以下是我当前针对此问题的代码配置。

profile.js

var profileModule = angular.module('agentOnlineApp', ['ui.bootstrap']);

profile.html

    `<script src="jscripts/js/ui-bootstrap-0.9.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/custom.css">
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="jscripts/profile.js"></script>
    <body>
       <div class="container">
       <div data-ng-include="'header.html'"></div>
    </div>`

header.html

<header >
<div class="row">
    <div class="col-sm-1 col-lg-1">
        <img class="shelterShield" src="css/images/shelter-shield.jpg" height="33" width="45" align="bottom" style="margin-top:-12px;">
    </div>
    <h1 class="col-sm-11 col-lg-11" style="background-image:url('css/images/topBanner.gif');">Agent Online</h1>
</div>

这个答案来自Ninsley，他发布了一条评论，指出我的标签调用顺序错误。我按照他的回答，将ui-bootstarp-0.00.min.js的标签移到angular.js调用的标签下面，就可以运行我的程序了。感谢Ninsly 
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
<script src="jscripts/js/ui-bootstrap-0.9.0.min.js"></script>
<script src="jscripts/profile.js"></script>
相关文章：