小编Kyl*_*lar的帖子

如何设置 VS Code 使用 Typescript 调试 Jest?

当我调试测试时,断点没有显示在正确的位置。他们是不受约束的。在 Typescript 文件中设置断点会导致调试器停止在相应 Javascript 代码中完全不同的行上。仅当在调试器中执行 jest 时才会出现此问题。使用相同的启动配置运行应用程序代码(而不是测试)可以让我正常使用断点。

\n

我希望能够在运行测试时设置断点并从 VS Code 调试器单步执行 Typescript 文件。

\n

项目结构:

\n
    .\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 src   \n    \xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 test\n    \xe2\x94\x82   |     \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 example.test.ts\n    \xe2\x94\x82   |     \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 jest.config.ts\n    \xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 example.ts\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 tsconfig.json\n
Run Code Online (Sandbox Code Playgroud)\n

VS Code launch.json:

\n
  "version": "0.2.0",\n  "configurations": [\n    {\n      "name": "Unit Tests",\n      "type": "node",\n      "request": "launch",\n      "runtimeArgs": [\n        "--inspect-brk",\n        "${workspaceRoot}/node_modules/jest/bin/jest.js",\n        "--config",\n        "${workspaceRoot}/build/src/test/jest.config.js",\n        "--runInBand"\n      ],\n      "console": "integratedTerminal",\n      "internalConsoleOptions": "neverOpen",\n      "port": 9229,\n      "outFiles": ["${workspaceFolder}/build/**/*.js", "!**/node_modules/**"]\n    }\n  ]\n}\n
Run Code Online (Sandbox Code Playgroud)\n

TS配置:

\n
  "compilerOptions": {\n    "target": "ES2020",\n …
Run Code Online (Sandbox Code Playgroud)

typescript jestjs visual-studio-code

16
推荐指数
2
解决办法
1万
查看次数

标签 统计

jestjs ×1

typescript ×1

visual-studio-code ×1