how to ignore the .ts or .js extensions when importing ?

[imjeen]

I'd like to use the ES module to write and run code. My configure tsconfig.json is like below.

{
  "ts-node": {
    "moduleTypes": {
      "server/*": "esm"
    },
  },
  // compilerOptions
}

the files and codes in server directory:

• main.ts

import { walk } from "./utils";

// it is OK to use .ts or .js extensions
// @ts-ignore
/*
*  import { walk } from "./utils.ts";
*
*  import { walk } from "./other.js";
*/ 

async function main() {
  const list = walk();
  console.log(list);
}

main();

• utils.ts

export function walk(){ return ['ok']}

RELP: node --loader ts-node/esm server/main.ts

But I got errors:

node:26551) ExperimentalWarning: --experimental-loader is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created)
/Users/template/node_modules/ts-node/dist-raw/node-esm-resolve-implementation.js:383
    throw new ERR_MODULE_NOT_FOUND(
          ^
CustomError: Cannot find module '/Users/template/server/utils' imported from /Users/template/server/main.ts
    at finalizeResolution (/Users/template/node_modules/ts-node/dist-raw/node-esm-resolve-implementation.js:383:11)
    at moduleResolve (/Users/template/node_modules/ts-node/dist-raw/node-esm-resolve-implementation.js:818:10)
    at Object.defaultResolve (/Users/GITHUB/metalotemplate/node_modules/ts-node/dist-raw/node-esm-resolve-implementation.js:929:11)
    at /Users/template/node_modules/ts-node/src/esm.ts:152:38
    at Generator.next (<anonymous>)
    at /Users/template/node_modules/ts-node/dist/esm.js:8:71
    at new Promise (<anonymous>)
    at __awaiter (/Users/template/node_modules/ts-node/dist/esm.js:4:12)
    at resolve (/Users/template/node_modules/ts-node/dist/esm.js:48:16)
    at ESMLoader.resolve (node:internal/modules/esm/loader:422:30)

[cspotcode]

You can include the .js extension in your imports.

import { walk } from "./utils.js";

Both TypeScript and ts-node will map from .js to .ts, so importing utils.js will map to utils.ts both in ts-node and in tsc typechecking.