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

【问题标题】：No symbols have been loaded for this document. Can't debug Javascript in Visual Studio Code没有为此文档加载任何符号。无法在 Visual Studio Code 中调试 Javascript
【发布时间】：2021-06-09 15:26:41
【问题描述】：

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

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

【问题讨论】：

标签： javascript visual-studio-code vscode-debugger

【解决方案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”配置：

调试：

【讨论】：

我猜关键是"sourceMapPathOverrides"。知道记录在哪里吗？