如何在 react18 jest 单元测试中正确调试未转换的源代码？

Question

环境：react18源码，win10，node v16.13.1

我在源代码中使用jest测试来探索react18源代码，但是jest使用babel转换源代码，当我调试jest单元测试时，它会跳转到babel的转换代码，很难阅读，
所以我想问一下有没有办法在源代码上调试，而不是转换后的代码？
例如： 当我调试它时，它将被转换

甚至在某些地方，它几乎是不可读的：

我想在 react18 jest 单元测试中正确调试未转换的源代码。

这是我的 vscode lanuch.json 配置：

 { "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Jest Current File", "program": "${workspaceFolder}/node_modules/.bin/jest", "args": [ "${fileBasenameNoExtension}", "--config", "./scripts/jest/config.source.js", "--runInBand" ], "console": "integratedTerminal", "internalConsoleOptions": "neverOpen", "env": { "NODE_ENV": "development" }, "windows": { "program": "${workspaceFolder}/node_modules/jest/bin/jest", } } ] }

Answer 1

我在 'preprocessor.js' 文件中找到，它包含 babel 配置

所以，我们只需添加全局项 process.env.JEST_ENABLE_SOURCE_MAPS: inline。