TS2306

error TS2306: File ‘add.ts‘ is not a module.

Broken Code ❌

1
2
3

function add(a: number, b: number): number {
  return a + b;
}

1
2
3

import { add } from './add';

console.log(add(1000, 337));

Fixed Code ✔️

The error TS2306 signals that the file (add.ts) can be found (otherwise it would throw error TS2307) but does not provide the necessary exports. We can solve this with a named export:

1
2
3

export function add(a: number, b: number): number {
  return a + b;
}

Alternatively we can use a default export:

1
2
3

export default function add(a: number, b: number): number {
  return a + b;
}

Using a default export requires that we also adjust our import statement in main.ts (otherwise we would end up with error TS2614):

1
2
3

import add from './add';

console.log(add(1000, 337));

Video Tutorial