从 Visual Studio Code 启动 TypeScript 程序：“无法启动程序 'hw.ts'，因为找不到相应的 JavaScript。”答案

【问题标题】：Starting TypeScript program from Visual Studio Code: "Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found."从 Visual Studio Code 启动 TypeScript 程序：“无法启动程序 'hw.ts'，因为找不到相应的 JavaScript。”
【发布时间】：2018-07-26 15:52:47
【问题描述】：

我有 hw.ts 包含此内容的文件：

function greeter(x: string) {
    return "Hello" + x;
}

let u = "John";
document.body.innerHTML = greeter(u);

我选择Start without debugging，VSCode 说：

Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found.

好的，所以我从命令行编译文件：

tsc hw.ts

现在我确实在同一个文件夹中有hw.js。

所以我再次选择Start without debugging，VSCode 再次显示Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found.。

有没有办法从 VSCode 编译和运行 TypeScript 程序？我错过了什么？

（我的PATH 中确实有node，它应该对VSCode 可见）

【问题讨论】：

关注这个官方指南：code.visualstudio.com/docs/typescript/typescript-tutorial

标签： javascript typescript visual-studio-code

【解决方案1】：

确保您在launch.json 中设置了*.js 文件的正确路径。这可以通过定义outFiles 选项来完成。此外，要启用调试*.ts 文件，您可以将sourceMaps 设置为true。这告诉vscode它应该尝试将编译后的*.js文件映射到对应的*.ts文件。
示例：

"sourceMaps": true,
"outFiles": [
    "${workspaceFolder}/path/to/your/jsFiles/**/*.js"
]

【讨论】：

【解决方案2】：

我一改变它就对我有用

  "outFiles": [
    "./dist/**/*.js"
  ],

到

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

【讨论】：

【解决方案3】：

在你的launch.json文件中替换

"outFiles": ["${workspaceFolder}/**/*.js"]

为

"outFiles": ["${fileDirname}/**/*.js"]

它对我有用。

【讨论】：

【解决方案4】：

我有同样的问题。我使用以下步骤解决了它：

1.配置

在tsconfig.json中指定输出目录并启用sourceMap

"outDir": "./out",  /* Specify .js output files. */
"sourceMap": true   /* Generate corresponding .map files. */

2.构建

现在从 VS Code 的 Terminal 菜单中点击 Run Build Task (Shift + Command(Ctrl) + B) 并输入以下命令并回车：

tsc: watch - tsconfig.json

您需要在首次打开项目时运行一次构建任务。这将开始监视项目中的代码更改。

3.运行

现在转到您要运行的 Typescript 程序（确保您的程序文件 .ts 具有焦点）。

从“运行”菜单中，单击“不带调试运行”(Ctrl + F5)。

您可以在调试控制台中看到输出。

【讨论】：