VS Code Debugger doesn't work - Error processing "breakpointLocations": Error: Script not found

Question

调试器不适用于 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)

Answer 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

VS Code Debugger doesn't work - Error processing "breakpointLocations": Error: Script not found

VS Code Debugger doesn't work - Error processing "breakpointLocations": Error: Script not found

debugging

javascript-debugger

visual-studio-code

vscode-debugger