TypeScript · Interop Constraints

esModuleInterop

Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility.

Syntax
"esModuleInterop": true

Example

Example
{
  "compilerOptions": {
    "esModuleInterop": true
  }
}

More in this group

allowSyntheticDefaultImports erasableSyntaxOnly forceConsistentCasingInFileNames isolatedDeclarations isolatedModules preserveSymlinks verbatimModuleSyntax

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course