DevTools error: "WebSocket Disconnected"

[CalebUsadi]

Describe the bug

The preview works perfectly, but when I open DevTools I get the error Debugging connection was closed. Reason: WebSocket Disconnected. Reconnect when ready by reopening DevTools. As far as I've seen the other features work fine, and there don't seem to be any relevant console errors.

Reproduction

N/A

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (8) x64 Intel(R) Core(TM) i7-7700 CPU @ 3.60GHz
    Memory: 9.41 GB / 15.90 GB
  Binaries:
    Node: 20.2.0 - C:\Program Files\nodejs\node.EXE
    npm: 9.6.6 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22621.1702.0)
    Internet Explorer: 11.0.22621.1

VSCode Details:
Version: 1.79.0 (user setup)
Commit: b380da4ef1ee00e224a15c1d4d9793e27c2b6302
Date: 2023-06-07T14:26:35.552Z
Electron: 22.5.5
Chromium: 108.0.5359.215
Node.js: 16.17.1
V8: 10.8.168.25-electron.0
OS: Windows_NT x64 10.0.22621

Used Package Manager

npm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.

[CalebUsadi]

I solved this issue by installing Chrome 110, after seeing a related issue for vscode-browse-lite. Using these instructions for downloading an older version of Chromium, I downloaded the final stable version of Chromium 110 for my OS. After setting this as the executable in the browser-lite settings I was able to run the debugger.