如何在 Visual Studio 代码中调试 vitest。目前有“未绑定”断点

Question

根据 Vitest 文档，这应该允许在 Visual Studio 代码中调试 Vitest。所以我在 launch.json 中有以下内容：

{
  "version": "0.2.0",
  "configurations": [
      {
          "type": "pwa-node",
          "request": "launch",
          "name": "Debug Current Test File",
          "autoAttachChildProcesses": true,
          "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
          "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
          "args": ["run", "${relativeFile}"],
          "smartStep": true,
          "console": "integratedTerminal"
      }
  ]
}

它在调试器中运行，但所有断点都是“未绑定的”，因此是否有任何其他配置可以让您在断点处停止，以便您实际上可以在运行时检查代码？

Answer 1

在您的 vite.config.ts 文件中添加与 vitest 相关的更改：