没有为此文档加载任何符号。 无法在 Visual Studio Code 中调试 Javascript

Question

我正在开发一个具有 C# 后端但前端位于 React 和 Javascript 中的项目。 调试 C# 工作正常。 当我尝试调试 Javascript 时，它显示“没有为此文档加载任何符号”。 请注意，这是在Visual Studio Code中，而不是在 Visual Studio 中。

这是一个巨大的项目，所以我想在 Visual Studio Code 中而不是在 Chrome 工具中放置断点和调试代码。

Answer 1

我安装了 'Debugger for Chrome' VS Code 扩展，然后我将 launch.json 设置为：

{
    "version": "0.2.0",
    "configurations": [
      {
        "name": "WebApp Chrome Debug",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:5000",
        "webRoot": "${workspaceFolder}/Bob/WebApp",
        "sourceMapPathOverrides": {
            "/*": "/__vscode-remote-uri__/*",
        }
    },
    {
        "name": "Launch WebApp (console)",
        "type": "coreclr",
        "request": "launch",
        "preLaunchTask": "build",
        "program": "${workspaceFolder}/Bob/WebApp/bin/Debug/WebApp.dll",
        "args": [],
        "cwd": "${workspaceFolder}/Bob/WebApp",
        "console": "externalTerminal",
        "internalConsoleOptions": "openOnSessionStart",
        "stopAtEntry": false,
        "launchBrowser": {
            "enabled": true,
            "args": "${auto-detect-url}",
            "windows": {
                "command": "cmd.exe",
                "args": "/C start ${auto-detect-url}"
            },
            "osx": {
                "command": "open"
            },
            "linux": {
                "command": "xdg-open"
            }
        }
    }
    ]
}

首先，我使用 Launch WebApp（控制台）配置进行调试：

启动后，我以相同的方式运行“WebApp Chrome Debug”配置：

调试：