angulartypescriptgoogle-chromedebugginggoogle-chrome-console

How to navigate to .ts files


I want to debug my Angular Typescript code, but when I open sources in my chrome console I only see these files:

the files

They all weird code in them that I don't recognise.According to this question's first answer, I should see the .ts files in my webpack folder. But there is no webpack folder. Where is my code? ^^

The website is deployed on cloud foundry.


Solution

  • All of your TypeScript code should be in the main-[EcmaScript version].[some numbers & letters].js file. Your code will be minified and consolidated, so it will be very difficult to debug as it is. There is an option in Chrome to 'pretty print' a file, which will do a good job making the code more readable.