2

I've tried debugging typescript code in chrome which has enabled source maps in chrome. But no sourcemap files are loaded as can be seen in the network tab.

I'm using VS2012 and the latest web essentials package.

Any ideas what to do next?

Nikos
  • 7,295
  • 7
  • 52
  • 88

2 Answers2

1

If you want to debug inside VS 2012 you only need to set the breakpoint inside VS and use Internet Explorer when debugging.

from Say Hello to TypeScript

If you want to debug in Chrome with sourcemaps make sure that:

1.) they are enabled in Chrome (and you said you did that)

2.) they are generated by the IDE

You can enable their generation by using Web Essentials addon (check above article for details)

or

manually editing the project file's build step: https://stackoverflow.com/a/12730715/750216

Update:

It seems that at least in VS Express 2012 for Web sourcemaps are generated automatically by default - no settings needed.

Glorfindel
  • 21,988
  • 13
  • 81
  • 109
Răzvan Flavius Panda
  • 21,730
  • 17
  • 111
  • 169
0

You will not see sourcemap files in the network tab. If you go to the Sources tab you will see your typescript files in the list of Sources along the left. From there you can set your breakpoints.

enter image description here

ryan
  • 6,541
  • 5
  • 43
  • 68