typescript - 带有 Chrome 调试器扩展的 Visual Studio Code 中的 “Unverified breakpoint”

Question

我正在尝试使用 Chrome 调试器扩展程序在 Visual Studio Code 中调试我的 Typescript 代码，但我在我的断点上收到“未验证的断点”消息，并且执行不会在我的断点处停止。

这是我的 launch.json 文件:

{
    linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "sourceMaps": true,
            "webRoot": "${workspaceFolder}"
        }
    ]
}

应用版本:

• Visual Studio 代码:1.25.1
• Chrome:67.0.3396.99

关于如何解决这个问题还有其他建议吗？

Answer 1

我终于发现问题了:

当我阅读“${workspaceFolder}”的定义时，它声明如下:

the path of the folder opened in VS Code

我的错误:

我在 Windows 中的项目路径如下:C:\Users\myusername\Documents\VSCode\Source\ProjectName

通过 Visual Studio Code，我打开了 Source 文件夹，并且总是需要在 Integrated Terminal 中执行更改目录 (cd ProjectName) 命令到“ProjectName”。这导致 .vscode 文件夹和 launch.json 文件 在 Source 文件夹中创建，而不是在 ProjectName 文件夹中创建。

上述错误导致 ${workspaceFolder} 指向 Source 文件夹，其中没有 Angular 组件，而不是指向 >ProjectName 文件夹。

修复:

在 Visual Studio Code 中，打开文件夹:C:\Users\myusername\Documents\VSCode\Source\ProjectName 并在该目录中设置我的 launch.json。