2017-11-21 13 views
0

vscodeを使用してtypescriptをデバッグしたいのですが、私のtypescriptソースファイルにブレークポイントを設定しようとしました。VSCodeはtypescriptでブレークポイントを設定します

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "type": "node", 
      "request": "launch", 
      "name": "Launch Program", 
      "program": "${file}", 
      "outFiles": [ 
       "${workspaceRoot}/dist/**/*.js" 
      ], 
      "cwd": "${workspaceRoot}", 
      "sourceMaps": true, 
      "console": "integratedTerminal" 
     } 
    ] 
} 

と私はtypescriptですを見て、.jsにそれらをコンパイルするgulpを使用します。ここに私のlaunch.jsonです。

{ 
    "files": [ 
     "src/**/*.ts" 
    ], 
    "compilerOptions": { 
     "module": "commonjs", 
     "removeComments": true, 
     "allowJs": true, 
     "target": "es2015", 
     "sourceMap": true, 
     "types": [ 
      "node", 
      "lodash" 
     ] 
    }, 
    "exclude": [ 
     "node_modules" 
    ] 
} 

しかし、私はtypescriptですファイルにブレークポイントを設定すると、エラーが発生しています:ここでtsconfig.jsonですcannt launch the program src/xxx.ts because corresponding JavaScript cannot be found.私はあなたがgulp.tsdist/

+0

なぜそれをしたいですか? Chromeのコンソールでアプリケーションを簡単にデバッグできます。 JavaScriptを翻訳していないタイスクリプトでブレークポイントを設定したいのであれば、その目的のためにソースマップを使用することをお勧めします。 – Ajay

+0

はい、私はソースマップを使用しました。 – laoqiren

答えて

0

代わりの

"outFiles": [ 
    "${workspaceRoot}/dist/**/*.js" 
], 

をコンパイルしていることを確認しています使用する必要があります

"outDir": "${workspaceRoot}/dist"

+0

最新のvscodeは、私が 'outDir'を使わず、' outFiles'を使うことを提案しています。 – laoqiren

+0

私は知っていますが、私は決してoutTypeファイルをデバッグするためにoutFilesを働かせません。 –

+0

typescriptブレークポイント –

関連する問題