Cannot debug client with scaffolded svelte app

[SteveALee]

Describe the bug

I created a svelte app using the CLI as described in the website.

npm run dev works fine with the svelte window appearing.

However in Visual studio 1.95.2 on Windows 11 debugging fails. I see code running but no window.

Turns out the config in the docs and in the scafolded project hides the renderer debugger. Huh?

So I edited the renderer debug settings

 "presentation": {
        "hidden": false
      }

And all is good. THe window now appears when I start the VSCode debugger.

Except I can't debug the client side.

I can't set a bound break point in renderer code before running debug all - fair enough.

If I switch to "debug renderer" and set a breakpoint in versions.svelte and then press Ctrl-shift-R to reload after a wait of a second or so the window turns white and there is no stop at breakpoint in code. I then get stuck in a state making it hard to get the window to rerender.

How should we debug render side code in VSCode?

Electron-Vite Version

2.3.0

Electron Version

31.7.3

Vite Version

5.4.10

Validations

• Follow the Code of Conduct.
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.