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

Question

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

我想知道问题出在哪里，我最好的选择是什么？

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);

任何帮助都是特定的，很可能是我遗漏了一些简单的东西。谢谢

Answer 1

    const loadScript = url => new Promise((resolve, reject) => {
      const node = document.createElement('script')
      node.setAttribute('src', url)
      node.onload = resolve
      node.reject = reject 
      document.body.appendChild(node)
    })

    loadScript('//cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js')
      .then(() => {
        // do your job here
        console.log(window.Cookies)
      })