JavaScript: 如何检查单个源中包含的多个库是否已加载？

Question

当我的外部 JavaScript 库（加载多个其他外部库）与 <script src="https://js.arcgis.com/4.8/"></script> 冲突时，我遇到了 multipleDefine 错误。我曾尝试将 Esri 脚本移动到代码的最底部，而我的外部库位于顶部，但它不起作用，因为它需要一段时间才能加载。

有没有一种方法可以让我在开始加载 Esri 脚本之前检查外部库下的多个库是否已加载？

注意：不需要立即加载 Esri 脚本，可以根据需要延迟加载。

Answer 1

您可以使用 load 事件（确保加载所有 external files）并在加载所有外部文件后动态添加 Esri script。

参见 - https://javascript.info/onload-ondomcontentloaded

load – not only HTML is loaded, but also all the external resources: images, styles etc.

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

JavaScript: 如何检查单个源中包含的多个库是否已加载？

JavaScript: How to check if multiple libraries contained in a single source has loaded?

html

javascript

jquery

shared-libraries

arcgis-js-api