當JavaScript源代碼位於不同文件夾中時，如何在Visual Studio代碼中調試Node TypeScript

Question

從Visual Studio代碼，我可以調試並逐步執行Main.ts的TypeScript源代碼，前提是JavaScript和映射文件共存於作爲TypeScript源的相同的文件夾。

這種安排工作 -

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

不過，我不希望在打字稿文件夾中的JavaScript文件，而是想在JavaScript中的 的JavaScript文件夾。我知道這可以通過使用outFiles屬性的launch.json配置來確定在哪裏找到JavaScript。

對於我來說，這種安排不工作 -

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

的誤差始終 - 「無法啓動程序 'C：\ debugDemo \打字稿\ Main.ts';設置 'outFiles' 屬性可能有幫助「

什麼是錯的，我該如何配置Visual Studio代碼來查找JavaScript文件夾中的JavaScript文件？我對outFiles進行了各種全局模式實驗，但沒有幫助解決問題。

Main.ts 減少到一行代碼減少的問題複雜

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。