How to debug this project?

[Altiano]

How do you perform debugging with backpack ?
I'm using VS Code.

For Node.js program, by default the config would be like:

        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/build/main.js"
        }

How to adjust this?
And maybe should also put this in the docs?

[waynelinks]

I'm struggling with the same thing

How do you setup debugging @jaredpalmer

[waynelinks]

@Altiano I've opted to use babel-node to debug. It's working with Backpack.

Install the following plugins:

yarn add -D @babel/core @babel/node @babel/preset-env

launch.json

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "babel-nodemon",
      "program": "${workspaceFolder}/src/index.js",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "restart": true, // <= important!
      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/nodemon", // <= local path if nodemon not installed globally
      "args": ["--exec", "${workspaceFolder}/node_modules/.bin/babel-node" ],
      "sourceMaps": true,
      "env": {
        "BABEL_ENV": "debug",
        
      },
      "envFile": "${workspaceFolder}/src/config/dev.env"
    }
  ]
}

.babelrc

{
  "presets": [
    "backpack-core/babel",
    "@babel/preset-env"
  ],
  "env": {
    "debug": {
      "sourceMaps": "inline",
      "retainLines": true
    }
  }
}

Hope this helps.

[meotimdihia]

2 simple ways in .vscode/lautch.json

//1
    {
      "name": "Launch via NPM",
      "request": "launch",
      "runtimeArgs": [
        "dev",
      ],
      "runtimeExecutable": "yarn",
      "skipFiles": [
        "<node_internals>/**"
      ],
      
      "type": "pwa-node"
    },
//2
    {
      "command": "npm dev",
      "name": "Run npm dev",
      "request": "launch",
      "type": "node-terminal"
    }

reference https://code.visualstudio.com/docs/nodejs/nodejs-debugging