Break Points Not Working in TypeScript, Only in Generated JavaScript

Question

User-343630552 posted

I am playing with a Blazor Wasm app that contains TypeScript.  When I try to set a break point in the TypeScript code, it doesn't work.  But when I set it in the JavaScript code that the TypeScript compiler creates, it does.  I am running VS Community 2019 v 16.6.1 with Asp.Net Core 3.2.0 on Windows 10 .  I gather there are problems with a number of Blazor Wasm debugging capabilities with Visual Studio.  So I just wanted to report this one.

Thanks.  Steve

Answer 1

User-474980206 posted

did you generate the required .map files for debugging when you compile the typescript?

note: I never use typescript just es2020 via babel, so I don't know if you need inline or not.

Answer 2

User-343630552 posted

Thanks, Bruce.  Yes, I have the .map files.  For those who use Visual Studio, .map files are generated when '"sourceMap": true' is in the compilerOptions in the tsconfig.json file.