Cannot debug blazor in vscode on linux

[lonix1]

Describe the bug: A clear and concise description of what the bug is.

Version used: VSCode 1.66.2 C# extension 1.24.4 Microsoft.AspNetCore.Razor.VSCode.BlazorWasmDebuggingExtension 1.1.0 Chromium 100 ubuntu 20

To reproduce:

• followed tutorial to enable blazor debugging
• press F5
• error shown in a popup window:

  
  Unable to launch browser: "Failed to launch browser!
  Gtk-Message: Failed to load module "canberra-gtk-module"
  Gtk-Message: Failed to load module "canberra-gtk-module"
  ERROR:sandbox_linux.cc(377)] InitializeSandbox() called with multiple threads in process gpu-process.
  WARNING: Kernel has no file descriptor comparison support: Operation not permitted
  ERROR:process_singleton_posix.cc(341)] Failed to create /home/username/.config/Code/User/workspaceStorage/4208cd9cd69c4fe2a941aed538319caa/ms-vscode.js-debug/.profile/SingletonLock: Permission denied (13)
  ERROR:chrome_browser_main.cc(1432)] Failed to create a ProcessSingleton for your profile directory. This means that running multiple instances would start multiple browser processes rather than opening a new window in the existing process. Aborting now to avoid profile corruption.

TROUBLESHOOTING: https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md

Note `canberra-gtk-module` is installed, so that's irrelevant.

I did `chmod 777` for that `.profile` directory. Did not help.

**Expected behavior:**
Debugging to work

**Actual behavior:**
See error above

**Additional context:**
Could be relate to [this](https://stackoverflow.com/a/69037769).

[lonix1]

UPDATE: I found a workaround is to use Edge instead, see my answer on StackOverflow for working config.