ERROR in ./node_modules/contentful-sdk-core/dist/es-modules/get-user-agent.js

[ahasall]

Hello,

I installed the latest Contentful SDK.

When I build my application I have the following error:
ERROR in ./node_modules/contentful-sdk-core/dist/es-modules/get-user-agent.js

When I check the source code of get-user-agent.js if find this:

import { platform, release } from 'os';

Knowing that I build for the web, and that the 'os' module if for Node.js apps, I suppose that this import is the reason for the error.

Do you have any idea about this issue ?

Thanks

[axe312ger]

See here: https://github.com/contentful/contentful.js/blob/master/webpack.config.js#L49-L51

[ahasall]

Okay, thank you. I will create the issue on the Angular CLI repository because I don't have direct access to the Webpack config.

[axe312ger]

Argh damn, yeah this is nasty :/ Good luck!

[ahasall]

Hello Benedikt Rötsch (@axe312ger),
It's me again :)

The Angular CLI team believes that libraries that are meant to run inside the browser are not supposed to use Node API.

I am afraid that they are not willing to provide to override that Webpack config.

Do you plan to add a version of your library that doesn't use those APIs ?

Thanks,
Amadou

[axe312ger]

Alright, we will have a look how to avoid importing these node core modules on top level.

[ahasall]

Thank you very much.

[OliverAssad]

I have ran into the same problem, this time using rollup in a svelte/sapper app.

✗ client
node_modules/contentful-sdk-core/dist/es-modules/get-user-agent.js (1:9)
'platform' is not exported by node_modules/rollup-plugin-node-resolve/src/empty.js
1: import { platform, release } from 'os';
            ^
2: import { isNode, getNodeVersion } from './utils';

rollup offers different plugins to resolve the issue, one of them is rollup-plugin-commonjs with named imports here . However this didn't work either.

Just wanted to say this is not a Webpack problem ..

[eatarandom]

Oliver Assad (@OliverAssad) What was your solve here?

[larrybotha]

Dan Roberts (@eatarandom) and Amadou Sall (@ahasall) importing the browser module directly appears to work:

  import {createClient} from 'contentful/dist/contentful.browser';