Generated ESM module is missing the Icons and Spots namespaces

[stackexchange]

Generated ESM module is missing the Icons and Spots namespaces

[mjpieters]

Durn, I could have sworn I had tried the moduleResolution options. My apologies!

I'm creating user scripts that inject into Stack Exchange, so the final output is self-contained and I had not given this parameter enough thought.

[mjpieters]

Just to be clear: I am nowhere near confident that my diagnosis is correct.

I do have a work-around, you can use the paths option in tsconfig.json to force resolution:

{
  "compilerOptions": {
    "moduleResolution": "node",
    "target": "ES2020",
    "baseUrl": "./",
    "paths": {
      "@stackoverflow/stacks-icons/icons": ["node_modules/@stackoverflow/stacks-icons/dist/icons"]
    }
  },
  "files": ["index.ts"]
}

That's the same tsconfig.json but with baseUrl and paths added.

[giamir]

We are using package.json subpath exports in stacks-icons to map paths to specific entrypoints:
https://github.com/StackExchange/Stacks-Icons/blob/production/package.json#L11-L22

You are using "moduleResolution": "node" which does not support package.json exports.
The value "node" represents the resolution of Node 10, which never included package.json exports support (exports started to be supported from Node 12+).
If you change the moduleResolution value to nodenext (or any node >= 12) everything should work as expected.

For more context: microsoft/TypeScript#51901