JavaScript: Как проверить, загружено ли несколько библиотек, содержащихся в одном источнике?

Question

Я сталкиваюсь с ошибкой multipleDefine, когда моя внешняя библиотека JavaScript (которая загружает несколько других внешних библиотек) конфликтует с <script src="https://js.arcgis.com/4.8/"></script>. Я попытался переместить скрипт Esri в нижнюю часть кода, в то время как моя внешняя библиотека осталась сверху, и она не работала, так как для ее загрузки требуется некоторое время.

Есть ли способ, позволяющий мне проверить, загружены ли несколько библиотек из моей внешней библиотеки, прежде чем я начну загружать скрипт Esri?

Примечание. Сценарий Esri не требуется загружать немедленно, он может быть запоздалым.

Answer 1

Вы можете использовать событие load (которое обеспечивает загрузку всех ваших external files) и динамически добавлять Esri script после загрузки всех внешних файлов.

См. - https://javascript.info/onload-ondomcontentloaded

load - загружается не только HTML, но и все внешние ресурсы: изображения, стили и т. Д.

window.addEventListener('load', function() {
    const script = document.createElement('script');
    script.src = "https://js.arcgis.com/4.8/";
    document.querySelector('body').appendChild(script);
});