ESM module for both Node.js and the Browser?

Describe the bug

The httpie package specifies “browser” paths on its package.json multiple times, but frontend build tools don’t seem to pick up the correct file (always selecting node/index.mjs)

ERROR

[vite] Dep optimization failed with error:
Could not load http (imported by node_modules/httpie/node/index.mjs): ENOENT: no such file or directory, open 'http'
[Error: Could not load http (imported by node_modules/httpie/node/index.mjs): ENOENT: no such file or directory, open 'http'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: 'http',
  watchFiles: [
    '/Users/endel/projects/vite-esm-browser-node/node_modules/httpie/node/index.mjs',
    '/Users/endel/projects/vite-esm-browser-node/node_modules/vue/dist/vue.runtime.esm-bundler.js',
    '/Users/endel/projects/vite-esm-browser-node/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js',
    '/Users/endel/projects/vite-esm-browser-node/node_modules/@vue/shared/dist/shared.esm-bundler.js',
    '/Users/endel/projects/vite-esm-browser-node/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js',
    '/Users/endel/projects/vite-esm-browser-node/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js',
    'http',
    'https',
    'url'
  ]
}

Reproduction

I’ve created a repository describing this problem https://github.com/endel/esm-browser-node

---

In fact, this problem is present on every ESM JavaScript bundler, I’ve found it very difficult to search about this on the web and I appreciate if you could point me in the right direction in case there is some discussion already going on about this! 🙏

[yyx990803]

Please read the docs https://vitejs.dev/config/#alias

[yyx990803]

It still works for httpie because the browser field in exports is still prioritized. Technically, module is not a Node.js concept and should be treated as browser only.