如何将javascript库CDN导入javascript文件并在该文件中使用相同的库？

这可能有点让人困惑——我试图从js文件中检索cookie的值，并使用js cookie库通过从js文件创建的CDN来执行此操作。但是，当我尝试访问库时，Cookies是未定义的

我想知道问题是什么，我最好的选择是什么

var jQueryScript = document.createElement("script");
jQueryScript.setAttribute(
  "src",
  "https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"
);
jQueryScript.setAttribute("type", "module");
document.head.appendChild(jQueryScript);

// Cookies.get is not defined.
var cookieval = Cookies.get("shopOrigin");
console.log(cookieval);

任何帮助都会让我心满意足，很可能是我错过了一些简单的东西。谢谢

const loadScript=url=>新承诺（（解决，拒绝）=>{
const node=document.createElement（'script'）
node.setAttribute（'src'，url）
node.onload=解析
node.reject=拒绝
document.body.appendChild（节点）
})
loadScript（'//cdnjs.cloudflare.com/ajax/libs/js cookie/2.2.1/js.cookie.min.js'）
.然后（（）=>{
//在这里做你的工作
console.log（window.Cookies）
})

仍然未定义请在此发布一个可复制的示例，这是我能得到的最接近的示例