🚨 Cannot import `recast-navigation-js` in a project with `"type": "module"`

[repulsio]

If your project's package.json has "type": "module", you cannot import anything from recast-navigation-js.

import { init } from 'recast-navigation';

fails with Module '"recast-navigation"' has no exported member 'init'.ts(2305):

For ESM modules, imports should end with .js. When I manually add .js, the compilation errors are resolved:

@isaac-mason Sorry for the ping here. I think this is a serious blocker for ESM users. Thank you for all of your hard work on recast-navigation-js!

[isaac-mason]

Hi, thanks for reporting this 🙂

I do have examples / smoke tests in the codebase that use esm and "type": "module" that don't appear to have these issues.

See:

• https://github.com/isaac-mason/recast-navigation-js/blob/main/examples/three-node-esm-example
• https://github.com/isaac-mason/recast-navigation-js/tree/main/examples/three-vite-example

If you can see a difference in your project's setup and those examples that may help narrow this issue down.

[repulsio]

I believe it's because of the line "moduleResolution": "Bundler" in tsconfig.json (which seems to be overriding "moduleResolution": "Node" in tsconfig.node.json?)

TypeScript Configuration (tsconfig.json):
moduleResolution: "Bundler": This setting informs TypeScript that a bundler will handle module resolution, allowing extensionless imports.

I've been using "moduleResolution": "Node" in my projects