Webstorm Debugging NPM Script Through IDE

Question

Trying to debug an NPM script from within Webstorm. The application runs through the NPM scripts, but when debugging the script it always crashes. I know that there is the flag $NODE_DEBUG_OPTION, but adding that doesn't seem to work.

Script:

"dev": "npm run dev:server & npm run build:client:watch",
"dev:server": "npm run build:server:watch & nodemon --harmony lib/server",
"build:client:watch": "WEBPACK_DEV=true NODE_ENV=development STACK=local node lib/server/webpack",
"build:server:watch": "npm run transpile:watch -- -d lib/common src/common & npm run transpile:watch -- -d lib/server src/server",
"transpile": "BABEL_ENV=node babel",
"transpile:watch": "npm run transpile -- --watch",

According to Webstorm: To debug the "dev" script, make sure the $NODE_DEBUG_OPTION string is specified as the first argument for the node command you'd like to debug. For example: { "start": "node $NODE_DEBUG_OPTION server.js" }

But even when adding this in different places it will still give me an error. Any suggestions?

Dave Stewart · Accepted Answer · 2020-05-18 12:46:36Z

9

For anyone reading this in 2020, you just need to right-click the script in the NPM panel and select "Debug ".

You can then set breakpoints in the script and debug in the Debug panel panes, Debugger, Console, etc..

To re-run the script, click the bug icon in the Debug panel.

answered May 18, 2020 at 12:46

Dave Stewart

2,5642 gold badges25 silver badges26 bronze badges

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

Comments

Łukasz Szewczak · Accepted Answer · 2017-06-22 21:42:21Z

0

Probably you are using node8, where this will not work because in node 8 V8 debugger API had been superseded by the V8 inspector API. For more info look at this issue, In previous versions of nodejs this works. For node 8 you should check the WebStorm site, they have information about how to work with the new inspector protocol https://www.jetbrains.com/help/webstorm/run-debug-configuration-node-js.html?search=node

edited Jun 22, 2017 at 21:42

answered Jun 22, 2017 at 21:36

Łukasz Szewczak

1,8911 gold badge13 silver badges14 bronze badges

4 Comments

Jmrapp Over a year ago

Thanks for the advice. I did read that and did research but I am running v6.11.0 so it doesn't apply to me

Łukasz Szewczak Over a year ago

@Jmrapp I didn't noticed at first that you have write differently this Const NODE_DEBUG_OPTION, I always used this %NODE_DEBUG_OPTION% just like Webstorm informs me, and it works on nodejs 6 , what Webstorm version are you using? And what error exactly you get?

Jmrapp Over a year ago

I am running on a Mac, not windows, and doing research it seems that the windows version of the const is % NODE_DEBUG_OPTION% and the mac version is $NODE_DEBUG_OPTION. Webstorm specifically tells me to use $NODE_DEBUG_OPTION whenever debugging the application

Łukasz Szewczak Over a year ago

@Jmrapp, ok I understand, and what error you get, and Webstorm version are you using?

Collectives™ on Stack Overflow

Webstorm Debugging NPM Script Through IDE

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related