Debug config VSCode

backend-Dockerfile

FROM node:carbon-slim

EXPOSE 9228 

WORKDIR /app

# Install packages
ADD ./package.json ./yarn.lock /app/
RUN cd /app && yarn install

ADD . /app

CMD [ "yarn", "start" ]

backend-launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Docker: attach",
      "type": "node",
      "request": "attach",
      "port": 9228,
      "restart": true,
      "sourceMaps": false,
      "address": "localhost",
      "localRoot": "${workspaceRoot}",
      "remoteRoot": "/app", # /app is the path where you copy the ${workspaceRoot} inside the container. make sure they match, or debug won't work.
      "protocol": "inspector"
    }
  ]
}

backend-package.json

{
  "name": "yourpackage",
  "version": "1.0.0",
  "main": "server.js",
  "scripts": {
     "start": "node --inspect=0.0.0.0:9228 server.js",
     "start:watch": "nodemon --inspect=0.0.0.0:9228 server.js",
  }
  "dependencies: {
  }
 }

frontend-launch.json

// read https://github.com/Microsoft/vscode-chrome-debug#getting-started to setup Google Chrome correctly
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "webRoot": "${workspaceRoot}",
      "userDataDir": false
    },
    {
      "type": "chrome",
      "request": "attach",
      "name": "Attach to Chrome",
      "port": 9222,
      "url": "http://localhost:3010",
      "webRoot": "${workspaceRoot}"
    }
  ]
}