VS 代码调试器不起作用 - 处理“breakpointLocations”时出错：错误：找不到脚本答案

【问题标题】：VS Code Debugger doesn't work - Error processing "breakpointLocations": Error: Script not foundVS 代码调试器不起作用 - 处理“breakpointLocations”时出错：错误：找不到脚本
【发布时间】：2020-11-02 03:24:24
【问题描述】：

调试器不适用于 vue 应用程序（javascript）。我在组件部分放了断点，但是不行

launch.json：（用于 Chrome 的调试器）

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}

终端：

Error processing "breakpointLocations": Error: Script not found
    at Client.processMessage (/home/user/.vscode/extensions/msjsdiag.debugger-for-chrome-4.12.8/node_modules/noice-json-rpc/lib/noice-json-rpc.js:66:36)
    at LoggingSocket.<anonymous> (/home/user/.vscode/extensions/msjsdiag.debugger-for-chrome-4.12.8/node_modules/noice-json-rpc/lib/noice-json-rpc.js:42:48)
    at LoggingSocket.emit (events.js:208:15)
    at Receiver.receiverOnMessage (/home/user/.vscode/extensions/msjsdiag.debugger-for-chrome-4.12.8/node_modules/ws/lib/websocket.js:789:20)
    at Receiver.emit (events.js:203:13)
    at Receiver.dataMessage (/home/user/.vscode/extensions/msjsdiag.debugger-for-chrome-4.12.8/node_modules/ws/lib/receiver.js:422:14)
    at /home/user/.vscode/extensions/msjsdiag.debugger-for-chrome-4.12.8/node_modules/ws/lib/receiver.js:379:23
    at /home/user/.vscode/extensions/msjsdiag.debugger-for-chrome-4.12.8/node_modules/ws/lib/permessage-deflate.js:298:9
    at /home/user/.vscode/extensions/msjsdiag.debugger-for-chrome-4.12.8/node_modules/ws/lib/permessage-deflate.js:376:7
    at afterWrite (_stream_writable.js:484:3)

【问题讨论】：

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

【解决方案1】：

我编辑了launch.json：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "port": 9222,
      // "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "urlFilter": "http://localhost:8080/*"
      /*"breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }*/
    }
  ]
}

并在浏览器新标签页中打开 - about:blank，在 CALL STACK 行中单击它后，在此（about:blank）标签页中打开 localhost:8080

【讨论】：