Область действия:
В настоящее время я использую Webpack для объединения недавно разработанных компонентов поверх существующей системы, которая использует RequireJS для загрузки устаревших компонентов.Проблема:
Я пытаюсь динамически импортировать библиотеки JS с помощью LoadJS, чтобы повысить производительность платформы.Однако это противоречит 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');
});
});
})
JsFiddle ссылка без RequireJS:
Загруженные библиотеки: -jQuery, - LoadJS
При нажатии на кнопку отображается модальный режим.Работает нормально.
JsFiddle ссылка с RequireJS:
Загруженные библиотеки: -jQuery, -LoadJS, -RequireJS
При нажатии на кнопку модал не отображается.Выдает ошибку.
Примечание: загрузка RequireJS до того, как LoadJS не работает.