首页 > 解决方案 > requireJS 和 LoadJS 之间的冲突

问题描述

背景:

我目前正在使用 Webpack 将新开发的组件捆绑在使用 RequireJS 加载遗留组件的现有系统之上。

问题:

我正在尝试使用 LoadJS 动态导入 JS 库以提高平台的性能。但是,它与 RequireJS 冲突。

我用过 jQuery $.getScript()$scriptjs;两者都会导致相同的错误。

$(...).Modal is not a function.

我的JS如下:

$(document).ready(function(){
    $(document).on("click", ".js-my-btn", function(){
        loadjs("https://unpkg.com/bootstrap@4.1.0/dist/js/bootstrap.min.js", () => {
            $('#myModal').modal('show');
        });
    });
})

没有RequireJS的 JsFiddle链接

加载的库

单击按钮后,将显示模态。它工作正常。

JsFiddleRequireJS的链接

加载的库

单击按钮后,不显示模式。它抛出一个错误。

注意:在 LoadJS 之前加载 RequireJS 不起作用。

标签: javascriptjquerybootstrap-4requirejs

解决方案


推荐阅读