3

我已经设法启动调试器，但看起来 VS Code 没有看到源映射。

当我添加debuggerJS 语句时，它会中断 webpack 生成的文件main.js（文件系统中不存在事件）但使用它很痛苦。

我有下一个设置：

包.json：

    "scripts": {
        "test:debug": "node --inspect-brk ./node_modules/@vue/cli-service/bin/vue-cli-service.js test:unit"
    }

启动.json：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug unit tests",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "program": "${workspaceFolder}/node_modules/@vue/cli-service/bin/vue-cli-service.js",
      "args": [
        "test:unit",
        "--inspect-brk"
      ],
      "port": 9229
    }
  ]
}

我尝试了不同的方法来指定源映射，但没有任何帮助。

有人有工作设置吗？

4

1 回答 1

4

这就是我所做的，断点在 TS/JS 和单元测试本身中都有效。使用“@vue/cli-service”：“^4.1.1”和“@vue/test-utils”：“^1.0.0-beta.30”。

启动.json

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Mocha Tests",
      "runtimeExecutable": "npm",
      "runtimeArgs": ["run-script", "test:debug"],
      "port": 9229,
    }
  ]
}

包.json

"test:debug": "vue-cli-service test:unit --inspect-brk",

在您的测试代码中添加一个“调试器”行以启动检查，然后您的断点将在 vscode 中命中。否则将 --watch 添加到“test:debug”，然后你的断点将在没有调试器行的情况下命中，如下所示：

"test:debug": "vue-cli-service test:unit --inspect-brk --watch",
于 2020-01-02T01:58:07.080 回答