Webpack,Angular-UI-Bootstrap 加载不正确

Webpack, Angular-UI-Bootstrap not loading properly

最初,我试图加载 bootstrap 下拉菜单,但该指令无法正常工作。怀疑加载 ui.bootstrap 有问题,我尝试了一个简单的进度条,但它仍然没有加载。长话短说,我认为 ui.bootstrap 正在加载,但由于某种原因它没有正确启动。我正在使用网络包。谁能看到我在这里做错了什么?我在加载时没有收到任何错误。

我现在的想法:我没有正确加载指令。也许模板没有加载。

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

已修复:angular-ui-bootstrap 出于某种原因不在我的 package.json 中。