How to debug TypeScript Express app in Visual Studio Code

Question

I tried to debug the TypeScript Express App https://github.com/schul-cloud/node-notification-service/ in Visual Studio Code.

in launch.json I added the configuration

{
        "name": "notification service launch",
        "type": "node",
        "request": "launch",
        "args": ["src/app.ts"],
        "runtimeArgs": ["-r", "ts-node/register"],
        "outFiles": [ "${workspaceRoot}/build/**/*.js",  "${workspaceRoot}/node_modules/**/*.js" ],
        "cwd": "${workspaceRoot}",
        "protocol": "inspector",
        "internalConsoleOptions": "openOnSessionStart"
    }

But when I run the configuration the debugger fails with

Error: Cannot find module '@/routes/mail'

How do I start the debugger correctly so that it finds the modules?

Matt McCutchen · Accepted Answer · 2018-11-16 15:43:49Z

1

node-notification-service is using tsconfig-paths to get runtime module resolution to honor the paths defined in tsconfig.json, as you can see in package.json:

  "scripts": {
    // ...
    "server": "ts-node -r tsconfig-paths/register src/app.ts",
    // ...
  },

So you'll need to add tsconfig-paths to your launch configuration, like this:

"runtimeArgs": ["-r", "ts-node/register", "-r", "tsconfig-paths/register"],

answered Nov 16, 2018 at 15:43

Matt McCutchen

31.4k3 gold badges76 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

How to debug TypeScript Express app in Visual Studio Code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related