在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。