How to import a javascript library CDN into a javascript file and use that same library in that file?

Question

This might be a little confusing - I'm trying to retrieve the value of a cookie from inside a js file and to do this im using the js-cookie library over a CDN create from the JS file. However Cookies is undefined when i try to access the library.

I'm wondering what the problem is and what my best option is to do this?

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

Any help would be much appeciated, it is most likely something simple i am missing. Thanks

slh · Accepted Answer · 2021-01-27 09:42:00Z

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

answered Jan 27, 2021 at 9:42

slh

741 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Bradley Lewis Over a year ago

Still undefined

slh Over a year ago

try post a reproduceable example here

Bradley Lewis Over a year ago

codepen.io/Blewie/pen/rNWBjrx?editors=1111 this is as close as i can get

Collectives™ on Stack Overflow

How to import a javascript library CDN into a javascript file and use that same library in that file?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related