node debugging __DEV__ is not defined

I’m trying to debug through VScode, but since __DEV__ is created by webpack, it’s undefined in debug mode so I’m getting this error.

Is there a way around it?

Should I attach the debugger to some localhost:SOME_PORT instead of the server source file?

I’m running the following: $ babel-node --inspect --inspect-brk ./src/server.js

And my launch.json inside .vscode is:

    {
      "type": "node",
      "request": "attach",
      "name": "Node Attach",
      "sourceMaps": true,
      "port": 9229,
      "protocol": "inspector"
    }

[goldylucks]

Tried this with no luck: "start": "babel-node --inspect --inspect-brk tools/run start" I’m brand new to visual studio, so I’m not sure how to start approaching implementing/debugging this.

npm run start does write to the file system. If you delete the build folder, and make a change in the code, it gets regenerated.

The method you suggest might work if I set the breakpoints inside the compiled server code in build/server.js, which Is probably worse DX than just console log everything (i.e. not having the DX experience of vscode.

Since this starter kit is so popular, there must be many other svscode users out there that will benefit from handling this.

Thoughts?

[ulani]

@goldylucks thank you very much for crating this issue! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.

NOTE: The main branch has been updated with React Starter Kit v2, using JAM-style architecture.