Import npm module

Community Help
1

Hello,

I’m trying to import an npm module to Observable notebooks. I tried different ways to package the module. I used babel to build main/browser/module packages.

I also try to use webpack with babel-loader to build the npm package. Here’s the link to the current version:

vidajs@0.0.5

I compare the output code on unpkg.com. It looks similar to other packages like d3.

None of these versions can be imported to an Observable notebook. I can import them into a React project.

Does anyone know why I can’t import my module?

Thanks,

Phuoc Do

2

It seems like you’ve bundle react, and react uses process.env to set production/dev

image
image840×410 30.4 KB

similiar problem with folks using rollup to bundle react

1 Like
3

@radames thanks for the links. I tried a few things. When I bundle react with the library, Observable loads the library without errors. When I don’t bundle react with the library, I get “invalid module” with process.env. I think the common practice is to not bundle react.

vidajs@0.0.9 (with react, no error)
vidajs@0.0.11 (without react, “invalid module” error)

4

hi @dnprock I guess you’re right, you could import react separated.

look at this pattern here

1 Like