Typescript cannot find module but it is actually present

Question

I am trying to write a very simple Typescript project but it does not seems to work. Here's my project structure

(including also the dist folder):

├── dist
│   ├── hello.js
│   └── index.js
├── package-lock.json
├── package.json
├── src
│   ├── hello.ts
│   └── index.ts
└── tsconfig.json

my hello.ts:

export function sayHello() {
  console.log("Hello");
}

my index.ts:

import { sayHello } from "./hello";

sayHello();

my tsconfig.json:

{
  "compilerOptions": {
    "rootDirs": ["src"],
    "outDir": "dist",
    "lib": ["es2020"],
    "target": "es2020",
    "module": "esnext",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "types": ["node"]
  }
}

my package.json:

{
  "name": "ts-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "compile": "tsc",
    "start": "npm run compile && node ./dist/index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "type": "module",
  "devDependencies": {
    "@types/node": "^20.4.9",
    "typescript": "^5.1.6"
  }
}

The error I am getting is:

Error [ERR_MODULE_NOT_FOUND]: Cannot find module '****/ts-test/dist/hello' imported from ****/ts-test/dist/index.js

What am I missing?

score 0 · Answer 1 · answered Aug 09 '23 at 07:08

0

TRY Update your tsconfig.json to include:

{
  "compilerOptions": {
    "rootDir": "src",
    "outDir": "dist",
    // ...
  }
}

answered Aug 09 '23 at 07:08

Ashrik Ahamed

138
7

score 0 · Accepted Answer · answered Aug 09 '23 at 07:10

0

Try change your import like this:

import { sayHello } "./hello.js";

answered Aug 09 '23 at 07:10

Arty

859
2
12
31

This is working, but why? I never had to do that in order to let a Typescript project work – Essay97 Aug 09 '23 at 07:59
this https://stackoverflow.com/a/68783000/8302531 answer explains well. – Arty Aug 09 '23 at 08:02

score 0 · Answer 3 · answered Aug 09 '23 at 07:53

From rootDir definition:

Importantly, rootDir does not affect which files become part of the compilation. It has no interaction with the include, exclude, or files tsconfig.json settings.

Most likely you also need "include": ["src/**/*"] to tell typescript to include all files in src in the compilation (include documentation).

Typescript cannot find module but it is actually present

3 Answers3