TypeScript 断点未连接

Question

我有一个 tsconfig.json，内容如下：

{
    "compilerOptions": {
        "target": "ES5",
        "module": "amd",
        "sourceMap": true,
        "declaration": true,
        "outDir": "../sdk_webroot/js",
        "rootDir": "js",
        "sourceRoot": "/js"
    },
    "exclude": [
        "vendor"
    ]
}

我通过 JavaScript 调试设置了 WebStorm，并将 /sdk_webroot/js 连接到 Web 服务器上的正确目录。尽管如此，在 TypeScript 中设置的断点永远不会连接（例如，不工作并且不会在红色上显示代码），而在 sdk_webroot 目录中设置的 JavaScript 中设置的断点工作得很好。

我花了很长时间来弄乱 sourceMappingURL 并在谷歌上搜索答案，但无济于事。 Chrome 似乎也没有加载 .map 文件。

我是不是漏掉了什么？

Answer 1

我通过这样做解决了这个问题：

    "outDir": "../sdk_webroot/js",
    "rootDir": "/js",
    "sourceRoot": "/../sdk/js"

显然 sourceRoot 最终出现在 .map 文件中，并且位于子目录中，不再指向实际的 .ts 文件。有趣的是，WebStorm 能够正确 link 源，但不能正确设置断点。无赖。

TypeScript 断点未连接

TypeScript breakpoints not connecting

javascript

webstorm

typescript