Intellisense not working with commonjs package

[leepowelldev]

I am attempting to consume a NPM module that has been built with babel into two build directories - one for es modules and the other for commonjs modules. The package.json 'main' property for the module points to the commonjs version, and it also has an additional 'module' property that points to the es module version.

"main": "./cjs/index.js",
"module": "./esm/index.js"

When I import the module into my project, Intellisense automatically chooses the commonjs version of the build i.e.

import { Button } from 'theirModule'

In this case, the index.js file in the root of the commonjs build re-exports a number of other exports from other files like so:

Object.defineProperty(exports, "__esModule", { value: true });

var _Button = require("./Button");

Obejct.keys(_Button).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  Object.defineProperty(exports, key, {
    // ....
  })
});

For some reason Intellisense doesn't seem to work when I import like this... however if I point to the es module version it works as expected:

import { Button } from 'theirModule/esm'; // picks up index.js file

The only way I can make it work with the commonjs version is to import directly from the re-exported file:

import { Button } from 'theirModule/cjs/Button';

Am I doing something wrong? I have tried adding a jsconfig.json file but all the settings I have tried make no difference.

[mjbvz]

Yes, I don't think our IntelliSense will be able to make sense of the javascript in /cjs/index.js.

Moving upstream to see if TypeScript should use module from the package.json. Possible already tracked here: #21423

[weswigham]

Yep, duplicates #21423