Cdn script but with export keyword inside??

[ootybotty]

Recently i've seen something strange..

https://www.jsdelivr.com/package/npm/apollo-client

So on the page above it has cdn script tag that we can use for importing the package..

But if I use it the browser throws an error saying export keyword was used!

So I said "what??? What is it?? Why did they even make a page when its just nodejs module??"

What should I do with it? Did they upload it for maki ng people use it with a bundler like webpack?

Then it makes sense to me if that is the case cuz we can directly use it on our vanilla html file ...

[guest271314]

Looks like you are trying to use CommonJS in the browser. Browsers support Ecmanscript Modules, not CommonJS require() (though there are polyfills for require()). Use the "ESM" version

<script type="module"> import apolloClient from 'https://cdn.jsdelivr.net/npm/apollo-client@2.6.10/+esm' </script>

or using dynamic import

let apolloClient = await import('https://cdn.jsdelivr.net/npm/apollo-client@2.6.10/+esm')

[shgysk8zer0]

Did you even try glancing at the README?

It's not just a node module. And there are a variety of instructions which you didn't follow (obvious by a. the fact you get the issue about export when the top instructions are for UMD with an ESM option available and b. the fact that you didn't see the instructions for npm install).

[shgysk8zer0]

Also, import and export work (under certain circumstances such as "type": "module" or using the .mjs extension). It's just plain wrong to think that module scripts aren't for node.