How to debug browser app created with wasm-experimental workload

[trungnt2910]

I'm using .NET 7 RC2 on Visual Studio 17.4 Preview.

I created a new WASM browser app (no Blazor) using dotnet new wasmbrowser and run it from Visual Studio.

I added this property to the project:

    <WasmHostArguments>--debug</WasmHostArguments>

which seems to enable debugging on the WasmHost.

The host gave me this output:

WasmAppHost --runtime-config <Path To ProjectName.runtimeconfig.json> --debug
Debug proxy for chrome now listening on http://127.0.0.1:52052/. And expecting chrome at http://localhost:9222/
Hosting environment: Development
Content root path: <Path To AppBundle>
Now listening on: http://127.0.0.1:52052
Debug proxy for firefox now listening on tcp://127.0.0.1:52053. And expecting firefox at port 6000 .

App url: http://127.0.0.1:9000/index.html
App url: https://127.0.0.1:52054/index.html

I started Microsoft Edge:

msedge.exe --remote-debugging-port=9222 --user-data-dir="C:\Path\To\Disposable\EdgeData"  http://127.0.0.1:9000/index.html

but the breakpoints I set on Visual Studio doesn't hit.

I also tried the http://127.0.0.1:52052/ Url but the page there shows nothing.

How can I debug this application on Visual Studio? I'd appreciate a few pointers to source code and/or documentation related to the Mono WASM debugger.

Thanks.

[trungnt2910]

Somehow stumbled upon this: #75986 (comment)

Apparently, I'm using .NET 7 RC2 but this feature missed RC2.