I want debugging TypeScript. Please show me solution.

[Arc-Jung]

I learned debugging in JavaScript.
But i failed debugging in TypeScript.
Show me debugging solution in TypeScript.

[Arc-Jung]

Here is serverless.yaml file.

org: ericjung
app: aws-node-http-api-project
service: aws-node-http-api-project
frameworkVersion: '3'

provider:
  name: aws
  runtime: nodejs14.x

functions:
  hello:
    handler: handler.hello
    events:
      - httpApi:
          path: /
          method: get
plugins:
  - serverless-offline
  - serverless-plugin-typescript

custom:
  serverless-offline:
    resourceRoutes: true

Here is launch.json file in vscode setting.

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Hello World",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceRoot}/node_modules/.bin/sls",
            "args": [
                "invoke",
                "local",
                "--function",
                "hello",
                "--data",
                "{}",
            ]
        }
    ]
}

[dnalborczyk]

your args in the launch config are running serverless directly (invoke local), not serverless-offline.

you might find additional ideas here: https://github.com/dherault/serverless-offline#debug-process

[Arc-Jung]

@dnalborczyk
Okay. Your solution is best.
I update my launch.json and serverless.yaml. But TypeScript breakpoint is not working.

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Debug serverless app",
            "program": "${workspaceFolder}/node_modules/serverless/bin/serverless",
            "args": [
                "offline",
                "--httpPort",
                "4001",
            ],
            "runtimeExecutable": "node"
        }
    ]
}

org: ericjung
app: aws-node-http-api-project
service: aws-node-http-api-project
frameworkVersion: '3'

provider:
  name: aws
  runtime: nodejs14.x

functions:
  hello:
    handler: handler.hello
    events:
      - httpApi:
          path: /hello
          method: get
plugins:
  - serverless-offline
  - serverless-plugin-typescript


custom:
  serverless-offline:
    httpPort: 3005

[Arc-Jung]

I use "serverless-plugin-typescript". But work not breakpoint in origin TypeScript.

[Arc-Jung]

I success debugging in TypeScript.
Solution is here.

https://stackoverflow.com/questions/55846442/could-not-find-the-task-tsc-build-tsconfig-json

[fbuccioni]

I can achieve this by attaching the subprocess of the serverless offline execution, the steps are the following:

NOTE: I'm using Linux OS, if you are using Windows you must have to do changes in the commands.

1. Create the launch for serverless as a task, I am using --param='procname=XXX' command argument to identify the correct process to attach. Example of tasks.json file:

{
	"version": "2.0.0",
	"tasks": [
		{
			"type": "shell",
			"label": "serverless: Run offline",
			"command": "npm run build; sls offline -s dev -t --debug '*' --param='procname=diginteg-data-source-service'",
			"problemMatcher": []
		}
	]
}

2. Install the "Tasks shell input" plugin in your editor.

3. Create the attach launcher and the input, I'm using pgrep command available in Linux/Mac to find the correct PID of the process, I don't know the proper command for Windows. Example of launch.json file:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "name": "Serverless",
            "request": "attach",
            "processId": "${input:serverlessFindNodePID}",
            "sourceMaps": true,
            "outFiles": [ "${workspaceFolder}/dist/**/*.js" ],
        }
    ],
	"inputs": [
        {
          "id": "serverlessFindNodePID",
          "type": "command",
          "command": "shellCommand.execute",
          "args": {
            "command": "pgrep -f 'sf-core.js.*procname=diginteg-data-source-service'",
            "description": "Compatible PIDs",
            "useFirstResult": true,
          }
        }
    ]
}

And that's it!! happy debugging.