當JavaScript源位於其他文件夾中時，如何在Visual Studio Code中調試Node TypeScript

Question

從Visual Studio Code，我可以調試和逐步遍歷Main.ts的TypeScript源，前提是JavaScript和映射文件與TypeScript源共存於同一文件夾中。

此安排有效-

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

但是，我不需要TypeScript文件夾中的JavaScript文件，而是想要JavaScript文件夾中的JavaScript。 我知道這可以通過使用outFiles屬性通過launch.json配置來實現，以標識JavaScript的位置。

對我來說，這種安排行不通-

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

錯誤始終是- “無法啟動程序'c：\\ debugDemo \\ TypeScript \\ Main.ts'；設置'outFiles'屬性可能會有所幫助”

怎么了，我該如何配置Visual Studio Code以在JavaScript文件夾中查找JavaScript文件？ 我對outFiles嘗試了各種glob模式，但它無助於解決問題。

Main.ts簡化為一行代碼以減少問題的復雜性

  console.log("debug"); 

通過構建的映射文件

tsc --sourcemap TypeScript/Main.ts

生成-TypeScript \\ Main.js，TypeScript \\ Main.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
        }
    ]
}

• TypeScript版本：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編譯器選項 。