使用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'
    ]);
});