Visual Studioでノードタイプスクリプトをデバッグする方法JavaScriptソースが別のフォルダにある場合のコード

Question

Visual Studioコードから、JavaScriptとマップファイルが共存する場合は、Main.tsのTypeScriptソースをデバッグしてステップ実行できます。 TypeScriptソースとしてと同じフォルダ。

この配置は、作品 -

debugDemo\ 
    .vscode 
       launch.json   
    TypeScript\ 
       Main.ts 
       Main.js 
       Main.js.map 

をしかし、私はtypescriptですフォルダ内のJavaScriptファイルを望んでいないが、代わりに JavaScriptのフォルダにはJavaScriptをしたいと思います。私は、 のoutFiles属性を使用してJavaScriptをどこに配置するかを識別するlaunch.jsonの設定によってこれが実現できると思います。

私にとっては、この構成では動作しません -

debugDemo\ 
    .vscode 
       launch.json   
    TypeScript\ 
       Main.ts 
    JavaScript\   
       Main.js 
       Main.js.map 

をエラーが常にある - 「プログラムを起動することはできません 'C：\ debugDemo \活字\ Main.ts'; 'outFiles' 属性を設定します役に立つかもしれません "

何が問題なのですか？JavaScriptフォルダ内のJavaScriptファイルを探すためにVisual Studio Codeを設定するにはどうすればよいですか？ outFilesのさまざまなグロブパターンを試しましたが、この問題の解決には役立ちませんでした。

Main.ts問題の複雑さを軽減するために、コードの1行に縮小

console.log("debug"); 

生成

tsc --sourcemap TypeScript/Main.ts 

を経由して構築された

マップファイル - 活字体\ Main.js、活字体\メインを.js.map

launch.json

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "type": "node", 
      "request": "launch", 
      "name": "Debug Test", 
      "program": "${workspaceRoot}/TypeScript/Main.ts", 
      "cwd": "${workspaceRoot}", 
      "outFiles": ["${workspaceRoot}/JavaScript/**/*.js"], 
      "sourceMaps": true 
     } 
    ] 
} 

• 活字版：2.1.4
• ノードのバージョン：6.9.4
• Visual Studioのコードのバージョン：1.14.2

Answer 1

あなたのコマンドtsc --sourcemap TypeScript/Main.tsがに出力ファイルをしませんJavaScriptフォルダー。あなたはoutDirを指定し、JavaScriptフォルダを指定する必要があります。

tsc --sourcemap --outDir "JavaScript" TypeScript/Main.ts 

はTypeScript compiler optionsを参照してください。