如何在vscode错误中调试打字稿节点应用程序

Question

在我的vscode应用程序中，我有一个名为apiEngine /的文件夹。

在此文件夹中是我的节点应用程序。

为什么不在vscode中调试？

.vscode \\ launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Build Project",
            "program": "${workspaceFolder}\\apiEngine\\src\\index.ts",
            "preLaunchTask": "npm: build",
            "sourceMaps": true,
            "smartStep": true,
            "internalConsoleOptions": "openOnSessionStart",
            "outFiles": [
                "${workspaceFolder}/apiEngine/dist/**/*.js"
            ]
        }
    ]
}

.vscode \\ tasks.json

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558 
    // for the documentation about the tasks.json format
    "version": "2.0.0",
    "tasks": [
        {
            "type": "npm",
            "script": "build",
            "path": "apiEngine/",
            "group": "build",
            "problemMatcher": []
        },
        {
            "type": "typescript",
            "tsconfig": "apiEngine/tsconfig.json",
            "problemMatcher": [
                "$tsc"
            ],
            "group": "build"
        }
    ]
}

Answer 1

如果设置"preLaunchTask": "npm: build" ，则VS代码期望在工作区根目录（包含.vscode文件夹的目录）的package.json中build一个npm脚本。 它不想在.vscode\\tasks.json执行构建任务。

这也是原因，为什么你的错误- package.json位于更深一层内apiEngine文件夹，所以VS代码无法找到工作区根里面的脚本。

解

为了调用IDE任务，您可以为构建任务指定label并设置该标签，而不是npm: build in preLaunchTask 。 任务的path参数将提供正确的package.json位置。

.vscode \\ tasks.json：

tasks: [
  {
    label: "npm-build",
    type: "npm",
    script: "build",
    path: "apiEngine/",
    group: "build",
    problemMatcher: []
  },
  ...
];

.vscode \\ launch.json：

...
// before: 
// "preLaunchTask": "npm: build"
// after:
"preLaunchTask": "npm-build", 
...