"Cannot find module" when using tsc to compile TypeScript using esm

Question

I have an esm package.json like so:

{
  "main": "config.js",
  "type": "module",
  "scripts": {
    "start": "npm run build && node ./build/config.js",
    "build": "tsc",
    ...

and a tsconfig.json:

{
  "compilerOptions": {
    "target": "ES2015",
    "module": "ES2020",
    "strict": true,
    "esModuleInterop": true,
    "moduleResolution": "node",
    "forceConsistentCasingInFileNames": true,
    "outDir": "./build"
  },
  "include": ["./src", "config.ts"],
  "exclude": ["./*/**.spec.js"]
}

When running npm run start I get the following error:

> tsc

internal/modules/run_main.js:54
    internalBinding('errors').triggerUncaughtException(
                              ^

Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'F:\Development\test\example\build\src\handlers\index' imported from F:\Development\test\example\build\config.js
    at finalizeResolution (internal/modules/esm/resolve.js:277:11)
    at moduleResolve (internal/modules/esm/resolve.js:658:10)
    at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:748:11)
    at Loader.resolve (internal/modules/esm/loader.js:97:40)
    at Loader.getModuleJob (internal/modules/esm/loader.js:243:28)
    at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:42:40)
    at link (internal/modules/esm/module_job.js:41:36) {
  code: 'ERR_MODULE_NOT_FOUND'

The build directory looks like so:

I've tried already changing the type to commonjs and other configuration changes, what am I doing wrong?

funerr · Accepted Answer · 2020-12-10 16:56:51Z

3

Appearently even though you are using typescript, we need to change the imports to .js, so in my example:

import IndexHandler from "./src/handlers/index";
becomes:
import IndexHandler from "./src/handlers/index.js";.

It isn't considered a bug but part of TypeScript.

answered Dec 10, 2020 at 16:56

funerr

8,31417 gold badges91 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chris Mountford Over a year ago

waow. I consider it a bug.

Lukas Willin Aug 29 at 14:22

This behaviour definitely wasn't always a thing. Or is my memory that far off? Even if they do not consider it a bug it is at least a drastic change in behaviour.

Collectives™ on Stack Overflow

"Cannot find module" when using tsc to compile TypeScript using esm

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related