尝试使用 attach 方法在 VSCode 中调试 Angular 我做错了什么？答案

【问题标题】：What am I doing wrong trying to debug Angular in VSCode using the attach method?尝试使用 attach 方法在 VSCode 中调试 Angular 我做错了什么？
【发布时间】：2020-01-16 22:42:35
【问题描述】：

我创建了以下 .bat 文件并将其置于启动状态，它似乎正在运行，因为 Chrome 在重新启动后正在启动。我在其中放置了暂停行以确保一切正常并首先手动运行它：

cd\Program Files (x86)\Google\Chrome\Application
chrome.exe --remote-debugging-port=9222

我使用 ng serve 成功启动了应用程序。这是我的launch.json：

{
"version": "0.2.0",
"configurations": [
    {
        "name": "Attach to Chrome",
        "type": "chrome",
        "request": "attach",
        "port": 9222,
        "url": "http://localhost:4200/",
        "webRoot": "${workspaceFolder}"
    }
  ]
}

然而，当我尝试运行附加过程（安装了 Chrome 调试扩展）时，我得到了这个旧 gem：

请注意，vscode 已打开文件夹，其中包含文件夹 .vscode、e2e、node_modules、src 等。

我在以前的工作中做过这项工作，但我不记得我可能缺少什么。

在遇到类似问题后，我尝试使用 "urlFilter": "http://localhost:4200/*", 而不是 URL，杀死所有 Chrome 进程并再次运行 .bat 文件以确定，但仍然没有运气。

【问题讨论】：

您正在尝试通过附加到 Chrome 来调试 JavaScript？尝试在浏览器中打开控制台。否则，我们将需要有关您在此处尝试完成的任务的更多信息。
有时会发生在我身上，通常是我第一次运行它时。然后我取消并再次运行它。我认为是因为我的计算机正忙于处理其他内容，然后发生超时。有时打开 Chrome 会有所帮助。

标签： angular debugging visual-studio-code

【解决方案1】：

进入 vscode 调试模式，一旦你点击运行，它将为你提供配置各种调试模式的选项。选择您的配置并运行它。浏览 vscode 键列表。也尝试更改端口号

【讨论】：