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

Question

我的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.。

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

（我的node中有PATH，VSCode应该可以看到

Answer 1

我一改就对我有用

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

到

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

Answer 2

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

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

Answer 3

在launch.json文件中替换

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

对于

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

对我有用。

Answer 4

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

1.Configure

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

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

2.Build

现在，从VS Code的“终端”菜单中单击“运行构建任务”（Shift + Command（Ctrl）+ B），然后键入以下命令，然后按Enter：

tsc: watch - tsconfig.json

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

3。运行

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

从“运行”菜单中，单击“不调试运行”（Ctrl + F5）。

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