Visual Studioでソースマップが見つかりませんコードタイプスクリプトのデバッグ

Question

単純なHello Worldのタイスクリプトファイルをデバッグしようとしています。ブレークポイントを設定すると、VSコードは同じディレクトリにあるにもかかわらず、ソースマップを見つけることができません。私はこのためにChromeを起動しています。マイlaunch.jsonファイル：

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

私は、このようなデバッグセッションを開始してからブレークポイントを設定し、私はデバッグするときに必ずクロームランニングのインスタンスがない作りなど様々なトリックを試してみました。

{"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(); 

私はコードを正しくマップを処理するために取得するために行うには他に何かわからない。ここ

は、マップファイルです。

Answer 1

クロムでは、.js（または.ts）ファイルだけを実行することはできません。 fileをhtmlファイルのパスに設定するか、Webサーバーを起動してURLにurlを設定する必要があります。