使用require.js加载角度ui-bootstrap失败，除非我重命名ui.bootstrap？

Question

代码摘要：

main.js：

    require.config({
        paths: {
            'uiBootstrap': '../lib/bootstrap/angular-bootstrap/ui-bootstrap-tpls.min'
        },
        shim: {***},
        priority: ['angular'],
        deps: [
            './bootstrap'
        ]
            });

---

bootstrap.js：

    define([
        'require',
        'angular',
        ...
    ], function (require, ng) {
        'use strict';
        require([
                'domReady!',
                'uiBootstrap'
                ], function (document) {
                    ng.bootstrap(document, ['app']);...

---

app.js：

    define([
        'angular',
         ...
    ], function (ng) {
        'use strict';

        return ng.module('app', [
            ...
            'uiBootstrap'
        ]);
    });

尝试不同的组合时，我遇到了一系列不同的错误。 直到我进入ui-bootstrap-tpls.min.js并实际上将所有ui.bootstrap替换为uiBootstrap并修改了模块名称引用，如上所示。 并且presto - ui-bootstrap工作正常。

显然，这不是最佳解决方案。

任何人都可以提供深入了解为什么会发生这种情况以及解决问题的更好方法是什么，所以我不会公开使用这个源代码修改过的ui-bootstrap？

谢谢！

Answer 1

在你的app.js给依赖关系到angular你应该把它作为'ui.bootstrap' （这是正确的模块名）而不是你在main.js定义的自定义名称。

所以你的app.js看起来像：

define([
    'angular',
    'uiBootstrap',
     ...
], function (ng) {
    'use strict';

    return ng.module('app', [
        ...
        'ui.bootstrap'
    ]);
});