Debugging in Webstorm

Hi,

Fantastic project. I want to use it as a boilerplate for something I’m working on to save time in getting all the tooling right but finding it difficult to set up a debugging dev session for the api server using Webstorm. I’ve added a new configuration in Webstorm to run npm dev and edited package.json to look like this

"start-dev-api": {
  "command": "node $NODE_DEBUG_OPTION ./bin/api.js",
  "env": {
    "NODE_PATH": "./api",
    "NODE_ENV": "development",
    "APIPORT": 3030
  }
}

If I click run normally then everything runs ok and I can view the project at localhost:3000 but when I click debug run it just drops out to

[2] ==> 🌎  API is running on port 3030
[2] ==> 💻  Send requests to http://localhost:3030
[1] ----
[1] ==> ✅  xyz is running, talking to API server on 3030.
[1] ==> 💻  Open http://localhost:3000 in a browser to view the app.

Process finished with exit code 130 

does anyone have any pointers on how I could make this work?

[frankleng]

@ballwood try running it from babel-node instead.

[gmadar]

@eric-xujun @stephshelley - try: "start-dev-api": { "command": "node $NODE_DEBUG_OPTION --expose_debug_as=v8debug --debug ./bin/api.js", "env": { "NODE_PATH": ".:./api", "APIPORT": 3030 } }, in the better-npm script. I haven’t tested it but a colleague of mine said it worked for him