Hls.js 使用静态脚本标签，但不使用动态脚本标签

Question

我正在尝试在（打字稿）网页中动态加载 Hls.js 库。 当我在 中使用静态

所以这有效：

<script src="https://cdn.jsdelivr.net/npm/hls.js"></script>
<script>
console.log(Hls.isSupported());
</script>

但这不起作用（jQuery）：

$.getScript("https://cdn.jsdelivr.net/npm/hls.js", (script, status, xhr) => { 
    console.log(Hls.isSupported());
}); 

更传统的方法也不起作用：

const script = document.createElement("script");
script.setAttribute("src", "https://cdn.jsdelivr.net/npm/hls.js");
script.onload = () => {
    console.log(Hls.isSupported());
}
document.body.appendChild(script);

在这两种情况下，我都可以看到正在下载的脚本并显示在浏览器的调试器中窗格 (F12)，但是Hls 未定义。