Import errors with vite project

[NiloCK]

Describe the bug
vite projects fail to consume js-big-decimal.

To Reproduce
Repro repo is here: https://github.com/NiloCK/vite-bigdecimal-import-reproduction

See the readme.

Expected behavior
In the repo, yarn dev should serve the sample app page, with the counter integer replaced by a bigDecimal.

Additional context
The vite site seems to be mistakenly importing content from the dist/node folder, instead of dist/web

There is some issue with:

• vite's bundler
• js-big-decimal's packaging / distribution pipeline
• some combination of the two

[NiloCK]

Response from the related issue filed vitejs/vite: vitejs/vite#13031 (comment)

Quoting in full:

The bundled file is from dist/node/..., where it should be from dist/web/....

js-big-decimal doesn't declare exports/browser field and therefore Vite resolves the package with main field that points to dist/node/....

You can specify the actual file instead.

import "js-big-decimal/dist/web/js-big-decimal.js"

Although, It doesn't work because js-big-decimal doesn't support ESM.

Closing as it's working as intended.

[royNiladri]

@NiloCK Please validate and close this.