Telling Chrome to debug js rather than ts

javascript google-chrome typescript google-chrome-devtools web-developer-toolbar
Alon picture Alon · Jul 6, 2016 · Viewed 8k times · Source

By default (and hopefully it's not the only option) when I have a ts file, Chrome only lets me debug the ts code. I.e it does show me the content of both the ts and js files, but when I try to put a break-point in the js file, it immediately transfers me to the ts file and locates the break-point in the right place.

How can I tell Chrome to debug the js file rather than the ts one?

Answer

Noah Freitas picture Noah Freitas · Jul 7, 2016

Since you don't have control over the TS compilation settings, you can disable JavaScript source maps all together in Chrome.

Load the developer tools (Chrome Menu > More Tools > Developer Tools), then load the developer tool settings (Developer Tools Menu > Settings), find the setting for "Enable JavaScript source maps" and disable it.

Related questions

Set pupeteer window size when running not headless (not viewport)

Is it somehow possible to set the browsers (Chrome[ium]) window size like the viewport size? Setting only the viewport results in a unhandy appearance when the browser is not running headfully and I want to visually see what's going …

Read More
Using chrome extension apis in typescript

I'm building a chrome extension written in TypeScript. I'm using WebStorm and I added the chrome-DefiniteltyTyped library in my project. However, when I write this in my typescript code : chrome.extension.getURL I got an error : cannot find name 'chrome'. …

Read More
Disable same origin policy in Chrome

Is there any way to disable the Same-origin policy on Google's Chrome browser?

Read More