断点被忽略，因为在 Windows 机器中找不到为 TypeScript 生成的代码答案

【问题标题】：Breakpoint ignored because generated code not found for TypeScript in Windows machine断点被忽略，因为在 Windows 机器中找不到为 TypeScript 生成的代码
【发布时间】：2017-11-01 01:27:05
【问题描述】：

我正在尝试调试 TypeScript 项目。项目文件夹结构和tsconfig.json文件如下图：

我的launch.json文件如下所示：

当我进行调试时，我可以看到正在生成 .map 文件，并且由于我添加了：

"sourceMaps": true,
"outFiles": ["${workspaceFolder}\\typeScript\\**\\*.js"]

在我的启动文件中。当我在其中一个 .ts 文件中设置断点时，我不知道为什么 VS Code 仍然给我“忽略断点 ...”。 VS Code 似乎无法看到 .map 文件或以某种方式对其进行错误解释。

我附上生成的地图文件的屏幕截图。路径看起来不错。

我在玩这些配置文件时唯一注意到的是 tsconfig.json 中的 windows 文件路径只能识别“\\”而不是“/”。我在 .map 文件中看到所有内容都是“/”。我不确定它是否会有所作为。

【问题讨论】：

你可以通过设置断点从浏览器控制台调试它

标签： typescript visual-studio-code vscode-settings

【解决方案1】：

通过查看您提供的信息，我无法确定任何事情。但这是我一直在做的：

这就是我的 tsconfig.json 的样子：

{
    "compilerOptions": {
        "declaration": false,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "lib": ["es2017", "dom"],
        "module": "commonjs",
        "moduleResolution": "node",
        "outDir": "../build",
        "sourceMap": true,
        "target": "es2016",
        "typeRoots": [
            "../node_modules/@types"
        ]
    },
    "include": [
        "**/*.ts"
    ],
    "exclude": [
        "../node_modules",
        "../*.js"
    ]
}

这就是我的目录结构：

如果您注意的话，您会看到我的 src 文件夹和 build 文件夹（包含生成的转译 JS 和地图文件）并排存在，这确实有助于我维护逻辑目录结构。

好的，现在是启动配置：

{
            "type": "node",
            "request": "launch",
            "name": "Start and Debug",
            "preLaunchTask": "nb-tsc-watch",
            "timeout": 10000,
            "program": "${workspaceFolder}/backend/src/app.ts",
            "restart": true,
            "cwd": "${workspaceRoot}",
            "outFiles": [
                "${workspaceFolder}/backend//build/**/*.js"
            ],
            "sourceMaps": true
        }

您可以使用任何您想使用的 preLaunchTask，甚至可以跳过它。

这就是我在我的任务中所做的nb-tsc-watch

{
            "label": "nb-tsc-watch",
            "type": "typescript",
            "tsconfig": "backend/src/tsconfig.json",
            "option": "watch",
            "problemMatcher": [
                "$tsc-watch"
            ]
        }

【讨论】：