Last post Jul 09, 2020 01:21 PM by comicrage
Jul 09, 2020 01:21 PM|comicrage|LINK
I had this visual studio code debug configuration working where I can click and add a red break point on a React JSX file and Chrome will launch and break on that line. One day, I found that my launch.json was erased and I can't remember my settings. Right
now, I goggled the popular VS code configuration for react js project and had to type the word 'debugger' on the jsx line and then vs code will break.
Strange is that a readonly version of the file appears in vs code and I can add breakpoints on that readonly file. This duplicate file starts with _webpack_require.r(webpack_export)
This is more time consuming and annoying. Previously, I can add break point, on that 1 file and edit the file during debug process. Any help is appreciated.
Note: I installed the chrome debugger plugin
and had it working previously for https url.