Справочная информация:
В настоящее время я использую 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
Загруженные библиотеки :
При нажатии на кнопку отображается модальный режим.Работает нормально.
JsFiddle ссылка с RequireJS
Загруженные библиотеки :
После нажатия на кнопку модальноене отображаетсяВыдает ошибку.
Примечание: загрузка RequireJS до загрузки LoadJS.