NPM package import error.

[edgar-505]

Hi , I tried to import the package import { Flip } from "number-flip" to my framer project and this happens :

my current hunch is that maybe the package is not ESM compatible.
so, is the package ESM compatible?

[gaoryrt]

Yes, it is. Maybe you missed to install the package first?

[edgar-505]

Yes, it is. Maybe you missed to install the package first?

framer (the app) tries to install the package , but it failed to import the package.
but I found a work-around , so I copied the whole source code from number-flip.ts
then paste it to my own file , then I refer my import to my own local file.

the package is not verified in their app , maybe.

[gaoryrt]

Yes, it is. Maybe you missed to install the package first?

framer (the app) tries to install the package , but it failed to import the package. but I found a work-around , so I copied the whole source code from number-flip.ts then paste it to my own file , then I refer my import to my own local file.

the package is not verified in their app , maybe.

I think that dist/index.js is suitable for Webpack/Gulp.

[edgar-505]

I think that dist/index.js is suitable for Webpack/Gulp.

so , should I copy the whole thing dist/index.js or from number-filp.ts ?

[gaoryrt]

so , should I copy the whole thing dist/index.js or from number-filp.ts ?

It depends on whether your development environment includes a ts explainer. If it support ts, number-flip.ts is good. But dist/index.js just works for both.