Visual Studio 调试错误“错误处理启动：错误：无法附加到主目标

Question

我正在 Codecademy 上开展一个简单的项目，并希望确保我走在正确的轨道上。然而，当我尝试调试代码时，弹出一个简单的 Google 页面，然后读取错误

错误：

我对编码很陌生，所以我不知道从哪里开始。

Answer 1

首先，您可以尝试将配置从旧配置更改为新配置

"type": "chrome" -->   "type": "pwa-chrome"

第二次将超时时间增加到 20 秒或任何你喜欢的值

看起来像那样

"configurations": [
    {
      "name": "Launch Chrome",
      "request": "launch",
      "type": "pwa-chrome",
      "timeout": 20000,
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}"
    }

Answer 2

我正在使用 Debugger for Chrome 扩展程序，并且在 4.12.9 版中发生了相同的错误。在扩展的描述中说：

Chrome 调试器

扩展注释说明

1. 打开 Visual Studio Code 的设置 (Ctrl + ,) 选择 Workspace 选项卡
2. 在 Extensions -> JavaScript Debugger 部分中，将选项 Debug > JavaScript: Use Preview 设置为 false。

如何更改设置

安装先前版本的 Debugger for Chrome 扩展程序版本 4.12.8 也对我有所帮助

Answer 3

在缺席两个月后启动 VS Code 后，我遇到了同样的错误。我已经恢复到以前版本的“Chrome 调试器”，现在看起来没问题。