javascript - 在 Visual Studio Code typescript 调试中找不到源映射

Question

我正在尝试调试一个简单的 Hello World typescript 文件。当我设置断点时，VS Code 找不到源映射，即使它位于同一目录中。我为此启动了 Chrome。我的 launch.json 文件:

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

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

这是 map 文件:

{"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"}

我的 hello world .ts 文件:

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

}

Startup.main();

我不知道还要做什么才能让代码正确处理 map 。

Answer 1

Chrome 无法单独运行 .js(或 .ts)文件。您需要将 file 设置为 html 文件的路径，或者启动网络服务器并将 url 设置为其 url。