webpack / electron / vue

Gooood afternoon, JetBrains friends!

 

Off the top, I'll admit that I am not a full-time JavaScript dev. But, I should be capable enough to do some work on this open source project:

https://github.com/satisfactorymodding/SatisfactoryModManager

All I really want to do, as a first step, is set and hit a breakpoint here.

 

However, with the layers of indirection, I can't make heads nor tails of it. The docs say "run yarn dev", which kicks off this, which kicks off webpack middleware and dev servers, starts electron, etc. It starts electron with --inspect=5858, so I "feel" like I should just be able to create an 'Attach to Node.js/Chrome' Run Configuration like so:

 

But, I hit no breakpoints when I do this. I'm happy to take any advice, read any docs that you'd point me to.

 

Thanks in advance,

  -- m.

4 comments
Comment actions Permalink

Can't get it up and running due to "Error: Could not locate the bindings file" error

Any hints?

0
Comment actions Permalink

Hey Elena,

No, I haven't run into that one. I did notice some cross-platform weirdness. I've only tried to build on Linux, not sure if the behavior is different on Windows/Mac.

Sorry,

  -- m.

0
Comment actions Permalink

Hello!

You need to add "-- --remote-debugging-port=9222" to your 'dev' configuration. In your case, it will look like: "dev": "node .electron-vue/dev-runner.js -- --remote-debugging-port=9222". And create Run configuration like in your original post, but with 9222 port.

 

Thanks!

1
Comment actions Permalink

Ah, that helped a ton. Thank you!

0

Please sign in to leave a comment.