由于未绑定断点，在 VS Code 中调试 Blazor WASM 失败

Question

我刚刚创建了一个新的 Blazor WASM，并按照以下资源在 VS Code 中启用调试

https://learn.microsoft.com/en-us/aspnet/core/blazor/debug?view=aspnetcore-6.0&tabs=visual-studio-code

按照它，我在 currentCount++ 行上放置了一个断点，但在调试时它没有命中，因为断点未绑定。

dotnet版本是6

启动设置：

"profiles": { "TestVSCodeDebug": { "commandName": "Project", "dotnetRunMessages": true, "launchBrowser": true, "inspectUri": "{wsProtocol}://{url.hostname}:{url.端口}/_framework/debug/ws-proxy?browser={browserInspectUri}", "applicationUrl": "https://localhost:7240;http://localhost:5053", "environmentVariables": { "ASPNETCORE_ENVIRONMENT": "发展” } } }

启动.json：

"version": "0.2.0", "configurations": [ { "type": "blazorwasm", "name": "启动和调试 BlazorWASM", "request": "launch", "url": "https: //本地主机:7240"

    }
]

以上为原创。以下于2022年1月24日更新：

VS 2022 预览版中的断点命中

Answer 1

这个解决方法让 VSCode 断点为我命中

1. 将我的launch.json更改为：

   {
      "version": "0.2.0",
      "configurations": [
      {
           "name": ".NET Core Debug Blazor Web Assembly in Chrome",
           "type": "blazorwasm",
           "request": "launch",
           "timeout": 30000,
           "url": "http://localhost:5000",
           "webRoot": "${workspaceFolder}",
           "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}"
      }]
   }
   

2. 还要确保您使用http而不是 https 启动。

3. 使用 chrome 安装和调试:( 无法让它在 FF 上工作。

更多信息在这里： https://github.com/dotnet/aspnetcore/issues/20597