TypeScript
デバッグ

前書き

Visual StudioコードのSourceMapsを使用したJavaScript

tsconfig.jsonセット

"sourceMap": true,

tscコマンドを使用してTypeScriptソースからjsファイルと一緒にマッピングを生成します。
launch.jsonファイル：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceRoot}\\index.js",
            "cwd": "${workspaceRoot}",
            "outFiles": [],
            "sourceMaps": true
        }
    ]
}

これにより生成されたindex.js（メインファイルがindex.tsの場合）ファイルとVisual Studio Codeのデバッガがブレークポイントで停止し、TypeScriptコード内の変数値が解決されます。

WebStormのSourceMapsを使用したJavaScript

Node.js デバッグ設定を作成し、 index.jsをNodeパラメータとして使用します 。

Visual Studioコードでts-nodeを持つTypeScript

あなたのTypeScriptプロジェクトにts-nodeを追加してください：

npm i ts-node

package.jsonスクリプトを追加する：

"start:debug": "ts-node --inspect=5858 --debug-brk --ignore false index.ts"

launch.jsonは、 node2タイプを使用し、startを実行するnpmを起動するように設定する必要がありますstart:debugスクリプト：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node2",
            "request": "launch",
            "name": "Launch Program",
            "runtimeExecutable": "npm",
            "windows": {
                "runtimeExecutable": "npm.cmd"
            },
            "runtimeArgs": [
                "run-script",
                "start:debug"
            ],
            "cwd": "${workspaceRoot}/server",
            "outFiles": [],
            "port": 5858,
            "sourceMaps": true
        }
    ]
}

WebStormにts-nodeを持つTypeScript

このスクリプトをpackage.json追加してください：

"start:idea": "ts-node %NODE_DEBUG_OPTION% --ignore false index.ts",

スクリプトを右クリックし、[ テスト：アイデアの作成 ]を選択し、[OK]をクリックしてデバッグ設定を作成します。

この構成を使用してデバッガを起動します。