Hi, is there a way to move breakpoints in Sources tab, when I update the code in editor, the line position changes and thus previously created breakpoint no longer point to the line I wanted and have to create a new one every single time, is there at least an easy way like dragging the breakpoint to the desired line or changing line number of breakpoint. Dragging the breakpoint would be much useful. And it would be useful to display contents of breakpoint when hovering them, it would be much easier to find breakpoints especially logpoints and conditional breakpoints than clicking in the breakpoints section . Thank you.
agree. it's a pita to setup and the ports are always messed up. if you have a local dev-server running the browser launches with the IDE/Chrome debug port to connect to webstorm, but no page is served 'cos the dev-(web-)server is listening to another port to server the damn stuff in the first place :) it's just a hassle and always needs manual intervention for the URL and ports etc, only works with Chrome/Edge anyway and can't debug WebKit or Firefox if there are errors with them :( The latter is Mozilla's fault tho using a different debug protocol. IDE support for Firefox just suxx.
not just React, everthing that's recompiled doesn't work that simple, even with source maps, server or client; guess you need to connect to Node's debug port then for any SSR (haven't tried yet)