在Visual Studio代码打字稿调试中找不到源映射

Question

我正在尝试调试简单的Hello World打字稿文件。 当我设置断点时，VS Code无法找到源映射，即使它位于同一目录中也是如此。 我正在为此启动Chrome。 我的launch.json文件：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch with Chrome",
            "type": "chrome",
            "request": "launch",
            "sourceMaps": true,
            "file": "${workspaceRoot}/HelloWorld.ts"
        }
    ]
}

我尝试了各种技巧，例如启动调试会话，然后设置断点，并确保在调试时没有运行chrome的实例。

这是地图文件：

{"version":3,"file":"HelloWorld.js","sourceRoot":"","sources":["HelloWorld.ts"],"names":[],"mappings":"AAAA;IACW,MAAM,CAAC,IAAI;QACd,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3B,MAAM,CAAC,CAAC,CAAC;IACb,CAAC;CACJ;AAED,OAAO,CAAC,IAAI,EAAE,CAAC"}

我的世界.ts文件：

class Startup {
public static main(): number {
    console.log('Hello World');
    return 0;
}

}

Startup.main();

我不确定要使Code正确处理地图还需要做什么。

Answer 1

Chrome浏览器不能仅运行.js（或.ts）文件。 您需要将file设置为html文件的路径，或者启动网络服务器并将url设置为其URL。