How to resolve Node.js ES6 (ESM) Modules with the TypeScript Compiler (TSC). TSC doesn’t emit the correct file-ext

by

This is a confusing design choice in TypeScript.

In the short term you can work around it by specifying the output file:

in main.ts specify the .js extension and path:

import { testText } from './module1.js';
alert(testText);

This will pick up module.ts correctly, but output with the .js extension included.

Note that you also need to prefix local files with ./ as ‘bare’ module names are reserved for future use.

More Related Contents:

  1. Pass options to ES6 module imports
  2. How do I use namespaces with TypeScript external modules?
  3. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  4. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  5. How to make TypeScript output valid ES6 module import statements?
  6. Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’
  7. Classic scripts vs. module scripts in JavaScript
  8. Use async await with Array.map
  9. Why can I access TypeScript private members when I shouldn’t be able to?
  10. Using _ (underscore) variable with arrow functions in ES6/Typescript
  11. JavaScript module pattern with example [closed]
  12. Angular4 – No value accessor for form control
  13. Dynamic require in RequireJS, getting “Module name has not been loaded yet for context” error?
  14. When to use JSX.Element vs ReactNode vs ReactElement?
  15. Reason behind this self invoking anonymous function variant
  16. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  17. Property ‘entries’ does not exist on type ‘ObjectConstructor’
  18. How can I alias a default import in JavaScript?
  19. Uncaught ReferenceError: process is not defined
  20. Are ES6 module imports hoisted?
  21. Possible to extend types in Typescript?
  22. How will browsers handle ES6 import/export syntax
  23. Return an empty Observable
  24. “You may need an additional loader to handle the result of these loaders.”
  25. Missing basic DOM types in TypeScript project
  26. Subscribe to observable is returning undefined
  27. useMemo vs. useEffect + useState
  28. TypeScript “Compile on save” feature not working in Visual Studio 2015
  29. angular 2 access ng-content within component
  30. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’

Leave a Comment