Angularjs 网页包,角度UI引导未正确加载

Angularjs 网页包,角度UI引导未正确加载,angularjs,webpack,angular-bootstrap,Angularjs,Webpack,Angular Bootstrap,起初,我试图加载一个引导下拉列表,但该指令不能正常工作。由于怀疑加载ui.bootstrap有问题,我尝试使用一个简单的progressbar,但它仍然没有加载。长话短说,我认为ui.bootstrap正在加载,但由于某些原因,它无法正确启动。我正在使用webpack。有人能看出我在这里做错了什么吗?我在加载时没有收到任何错误 我现在的想法是:我没有正确加载指令。可能模板没有加载 捆绑JS: /* 3 */ /***/ function(module, exports, __webpack_re

起初,我试图加载一个引导下拉列表,但该指令不能正常工作。由于怀疑加载ui.bootstrap有问题,我尝试使用一个简单的progressbar,但它仍然没有加载。长话短说,我认为ui.bootstrap正在加载,但由于某些原因,它无法正确启动。我正在使用webpack。有人能看出我在这里做错了什么吗?我在加载时没有收到任何错误

我现在的想法是:我没有正确加载指令。可能模板没有加载

捆绑JS:

/* 3 */
/***/ function(module, exports, __webpack_require__) {

'use strict';

__webpack_require__(4);
module.exports = 'ui.bootstrap';

/***/ },
条目JS:

var angular = require('angular');
var uiBootstrap = require('angular-ui-bootstrap');
var uiRouter = require('angular-route');
var moment = require('moment');
var angularCalendar = require('angular-bootstrap-calendar');
var layout = require('./js/angular/layout/layout.module.js');
var layoutController = require('./js/angular/layout/layout.controller.js');

angular.module('app', ['layout','ngRoute','ui.bootstrap','mwl.calendar']);
var app = angular.module('app');
布局控制器:

angular.module('layout', []);
angular
.module('layout')
.controller('Layout', Layout);

Layout.$inject = ['$log'];

function Layout($log) {
  /*jshint validthis: true */
  var vm = this;
}
模板:

<body ng-app="app" class="container">
<div ng-controller="Layout as layout">
    <h1>{{layout.content.model.layout.header}}</h1>
    <div class="nav">
        <uib-progressbar value="55"></uib-progressbar>
    </div>
</div>
</body>

{{layout.content.model.layout.header}

修复:由于某些原因,angular ui引导程序不在my package.json中

你在ui.bootstrap之前加载过jquery吗?我根本没有加载jquery。angular ui引导程序不依赖于jQuery。