ESM version does not have extensions in imports

[krutoo]

Hi, i tried to use Redux Devtools in my app as a React component but have errors like:

ERROR in ./node_modules/@redux-devtools/rtk-query-monitor/lib/esm/components/QueryPreviewInfo.js 2:0-58
  × Package subpath './dist/query' is not defined by "exports" in /Users/depetrov/Projects/freelance/something/frontend/node_modules/@reduxjs/toolkit/package.json


Rspack compiled with 1 error in 1.14 s

I think this is because code in dist does not have extensions in imports, but this is required in ESM:

Can we fix that and add extensions to ESM version?

[krutoo]

@Methuselah96 Can you help?

[krutoo]

Any updates?

[Skladnayazebra]

ESM exports/imports not having file extensions is a long pain for any TypeScript project. You can see more details here:
microsoft/TypeScript#40878

This project's maintainers would need to tweak their build system to produce valid nodejs ESM modules containing file extensions.
https://nodejs.org/api/esm.html#mandatory-file-extensions

On the consumer side, current mainstream bundlers such as Vite or Webpack, can deal with this quite easily - Vite natively, Webpack through setting resolve.fullySpecified config option.

I see you're using Rspack. Try searching their docs or github, maybe they have a similar setting or plugin allowing to consume extension-less ESM modules.

[krutoo]

Can we just fix it to be able to use it without bundlers with specific options?