范围:
我目前正在使用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 link:
已加载的库: -jQuery, -LoadJS
单击按钮后,将显示模态。很好。
带有RequireJS的JsFiddle link:
已加载的库: -jQuery, -LoadJS, -RequireJS
单击按钮时,模态不显示。会引发错误。
注意:在LoadJS不起作用之前加载RequireJS。