How to use paths with ts-node?

Question

I have this project structure:

How to configure tsconfig.json for using paths like @app/ , @server/ .

I try this:

{
    "compilerOptions": {
        "module": "CommonJS",
        "target": "es5",
        "lib": [
            "esnext",
            "dom"
        ],
        "allowJs": true,
        "skipLibCheck": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "strict": true,
        "forceConsistentCasingInFileNames": true,
        "noFallthroughCasesInSwitch": true,
        "moduleResolution": "node",
        "resolveJsonModule": true,
        "isolatedModules": true,
        "noEmit": false,
        "baseUrl": "..",
        "paths": {
            "@app/*": [
                "app/*"
            ],
            "@server/*": [
                "server/*"
            ]
        }
    },
    "include": [
        "."
    ]
}

Same config works with webpack and ts-loader , but when i run npx ts-node server/index.ts i got error:

npx ts-node server/index.ts 
Error: Cannot find module '@server/a'

server/index.ts :

import a from '@server/a'

console.log('This is index.ts')

a()

Answer 1

Your config works for webpack because you run webpack from the project root. It does not work for server.ts because the path is relative to its directory. Try:

"paths": {
  "@app/*": [
    "../app/*"
  ],
  "@server/*": [
    "../server/*"
  ]
}

If you need to do it for both, you need two different tsconfig.json - one in the root and one in app or server .

Take a look at my project: https://github.com/mmomtchev/rlayers

It uses this feature a lot.