使用require.js加载angular ui引导程序失败，除非我重命名ui引导程序

Loading angular ui-bootstrap with require.js fails unless i rename ui.bootstrap?

本文关键字：引导程序 ui 非我 重命名 失败 require 加载 angular 使用 js      更新时间：2023-09-26

代码摘要：

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引导程序运行良好。

显然，这是一个不太理想的解决方案。

有人能提供为什么会发生这种情况，以及解决这种情况的更好方法是什么吗？这样我就不会使用这个源代码修改的ui引导程序公开了？

谢谢！

在您的app.js中，当向angular提供依赖项时，您应该将其作为'ui.bootstrap'（这是正确的模块名称），而不是您在main.js中定义的自定义名称。

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

define([
    'angular',
    'uiBootstrap',
     ...
], function (ng) {
    'use strict';
    return ng.module('app', [
        ...
        'ui.bootstrap'
    ]);
});
相关文章：