Javascript 需要解决ui引导js的问题

您好，我刚开始使用angular，我只是尝试将ui.bootstrap依赖项传递给我的应用程序，但不断出现以下错误：

我试图在这里重新创建手风琴的例子，但需要

请帮帮这个noobie

未捕获错误：[$injector:modulerr]未能实例化模块MyApp，原因是： 错误：[$injector:nomod]模块“MyApp”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数

app.js

define(['angular'], function(angular){
    return angular.module('MyApp', ['ui.bootstrap']);
}) 

define(['angular', 'uiBootstrap'], function(angular){
return angular.module('MyApp', ['ui.bootstrap']);
}) 

main.js

//Configure RequireJS
require.config({
paths: {
    angular: '../lib/angular',
    angularResource: '../lib/angular-resource',
    jquery: '../lib/jquery-1.11.1.min',
    uiBootstrap: '../lib/ui-bootstrap'
},

//angular does not support AMD out of the box, put it in a shim
shim: {
    'angular': {
        exports: 'angular',
    },
    'angular-resource': ['angular'],
    'uiBootstrap': [ 'angular' ]
},
priority: [
    'angular'
]
});

require( [
    'controllers/MainCtrl',
    'controllers/AccordionDemoCtrl'
]);

app.js

define(['angular'], function(angular){
    return angular.module('MyApp', ['ui.bootstrap']);
}) 

define(['angular', 'uiBootstrap'], function(angular){
return angular.module('MyApp', ['ui.bootstrap']);
}) 

AccordionDemoCtrl.js

require(['app'], function(app){
    app.controller('AccordionDemoCtrl',
        function($scope){
            $scope.oneAtATime = true;

            $scope.groups = [
                {
                  title: 'Dynamic Group Header - 1',
                  content: 'Dynamic Group Body - 1'
                },
                {
                  title: 'Dynamic Group Header - 2',
                  content: 'Dynamic Group Body - 2'
                }
            ];

            $scope.items = ['Item 1', 'Item 2', 'Item 3', 'HOTDOG'];

            $scope.addItem = function() {
                var newItemNo = $scope.items.length + 1;
                $scope.items.push('Item ' + newItemNo);
            };

            $scope.status = {
                isFirstOpen: true,
                isFirstDisabled: false
            };
        }
    );
});

html

枕头堡的土地！

切换最后一个面板
启用/禁用第一个面板

一次只打开一个
此内容在模板中是直接的。
{{group.content}
手风琴组的主体会随着内容的增长而增长

添加项
{{item}}
我也可以有标记！
这只是一些用来说明奇特标题的内容。

您一定缺少一些html。你在哪里包括angular和你的应用程序代码？@JeremyWeir angular部分看起来工作正常，我只是无法让手风琴正确显示。当我尝试使用ui引导依赖项时，它会出错