在 VSCode 中调试 Jest 的测试用例，VSCode调试Jest测试用例报错basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)解决

步骤

首先，如果没有launch.json文件，需要打开VsCode的运行和调试选项卡（快捷键Ctrl+Shift+D）创建launch.json文件

然后，在launch.json中配置如下：

{
    
    "version": "0.2.0",
    "configurations": [{
    
        "name": "Debug Jest Tests",
        "type": "node",
        "request": "launch",
        "runtimeArgs": [
            "--inspect-brk",
            "${workspaceRoot}/node_modules/jest/bin/jest.js",
            "--runInBand"
        ],
        "console": "integratedTerminal",
        "internalConsoleOptions": "neverOpen",
        "port": "9229"
    }]
}

配置完成后，就添加了一项针对Jest的调试，这里显示的Debug Jest Tests就是我们配置的name字段。

在VsCode中打了断点后，点击绿色开始按钮或者使用调试快捷键F5即可开始调试。

遇到的坑

一开始配置完launch.json文件启动调试时，总是报错

basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
^^^^^^^
SyntaxError: missing ) after argument list

将launch.json文件中的"${workspaceRoot}/node_modules/.bin/jest" 替换为 "${workspaceRoot}/node_modules/jest/bin/jest.js" 即可解决问题。