debugging - vs Code 调试 Blazor WASM 独立版

Question

我正在尝试使用 Visual Studio Code 调试 blazor wasm 应用程序，并尝试了文档 Debug ASP.NET Core Blazor WebAssembly 中的此方法。

因此，我检查了所需的 nuget DevServer 包和 VS Code 扩展，即 Visual Studio Code 扩展的 C# 和 Microsoft.AspNetCore.Razor.VSCode.BlazorWasmDebuggingExtension。

我还有我的 launchSettings.json:

{
  "profiles": {
    "Blazor.Wasm": {
      "commandName": "Project",
      "launchBrowser": true,
      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
      "applicationUrl": "https://localhost:5001;http://localhost:5000",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  }
}

和 VsCode launch.json:

{
    "version": "0.2.0",
    "configurations": [     
        {
            "name": ".NET Core Debug Blazor Web Assembly in Chrome",
            "type": "blazorwasm",
            "request": "launch",
            "url": "https://localhost:5001",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

结果我收到如下错误消息。

但我看到网页已启动，我可以访问 https://localhost:5001 并且它可以工作，但是当我放置断点时，它被标记为卸载，就像调试器未加载或根本没有工作一样。

这可能是什么问题？

Answer 1

修复尚未发布。

https://github.com/dotnet/aspnetcore/issues/45257 https://github.com/dotnet/aspnetcore/issues/45257#issuecomment-1357128650

---

这个问题在VS2022中不会发生。

---

在VS Code中，使用chrome devtools进行调试的方式如下:

从控制台启动 Blazor 网站

dotnet run

"chrome-path\chrome.exe" --remote-debugging-port=9222 --user-data-dir="user-data-root-path\AppData\Local\Temp\blazor-chrome-debug" schema:// localhost:port/

现在在 Chrome 中:shift+alt+D。

然后在 chrome devtools 的源选项卡中调试 blazor，并在 file:// 中搜索代码。

然后添加断点并在chrome的devtools中检查。

---

2023年2月2日更新

blazorwasm-companion.launchDebugProxy v1.1.3 已于今天 (2023-02-02) 发布并解决了该问题。