除非我重命名 ui.bootstrap，否则使用 require.js 加载角度 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'
    ]);
});