Starting TypeScript program from Visual Studio Code: "Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found."

Question

I have hw.ts file with this content:

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

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

I select Start without debugging and VSCode says:

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

OK so I compile file from the commandline:

tsc hw.ts

Now I do have hw.js in the same folder.

So again I select Start without debugging and VSCode again says Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found..

Is there any way to compile & run TypeScript program from VSCode? What am I missing?

(I do have node in my PATH, it should be visible to VSCode)

Follow this official guide: code.visualstudio.com/docs/typescript/typescript-tutorial — Rayee Roded
– Rayee Roded, Commented Aug 20, 2019 at 17:33

Linus · Accepted Answer · 2018-11-05 14:15:47Z

3

It worked for me as soon as I changed

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

to

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

answered Nov 5, 2018 at 14:15

Linus

4,79310 gold badges54 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

HaaLeo · Accepted Answer · 2018-02-16 08:22:32Z

0

Be sure that you have set the correct path to your *.js files in the launch.json. This can be done by defining the outFiles option. Furthermore, to enable debugging *.ts files you can set sourceMaps to true. This tells vscode that it should try to map the compiled *.js files to the corresponding *.ts files.
Example:

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

answered Feb 16, 2018 at 8:22

HaaLeo

12.1k5 gold badges51 silver badges59 bronze badges

Comments

kellsaro · Accepted Answer · 2019-05-31 21:57:37Z

0

In your launch.json file replace

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

for

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

It worked for me.

answered May 31, 2019 at 21:57

kellsaro

266 bronze badges

Comments

Yogesh Umesh Vaity · Accepted Answer · 2020-05-11 12:00:46Z

-1

I had the same issue. I solved it using the following steps:

1.Configure

Specify output directory and enable sourceMap in tsconfig.json

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

2.Build

Now Click Run Build Task (Shift + Command(Ctrl) + B) from the Terminal menu of the VS Code and type the following command and press enter:

tsc: watch - tsconfig.json

You need to Run Build Task once when you first open the project. This will start watching for code changes in the project.

3.Run

Now go to the Typescript program that you want to run (Make sure your program file .ts has the focus).

From the Run menu, click Run Without Debugging(Ctrl + F5).

You can see the output in the Debug Console.

edited May 11, 2020 at 12:00

answered May 2, 2020 at 19:58

Yogesh Umesh Vaity

49.5k23 gold badges158 silver badges116 bronze badges

Collectives™ on Stack Overflow

Starting TypeScript program from Visual Studio Code: "Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found."

4 Answers 4

Comments

Comments

Comments

1.Configure

2.Build

3.Run

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1.Configure

2.Build

3.Run

Comments

Your Answer

Sign up or log in

Post as a guest

Related