How to debug with this setup

[cburgdorf]

Hey Pawel,

thanks for setting this up. This made me finally put my hand on Angular2 code because it's so easy to dive into 👍

One thing that's still unclear to me though: How should I best debug my app with this setup? I know I can set breakpoints in the transpiled code and it kinda works. But I'd rather have proper source maps. I went on and added gulp-sourcemaps to the gulpfile and while I see the ES6 source appearing in the developer tools, breakpoints are not being hit there.

Any hint how to handle this with this setup?

Cheers,

Christoph

[pkozlowski-opensource]

@cburgdorf glad you've find this repo useful!

In all honesty, I didn't dive into the proper source map thing yet. My main worry is that Angular2 is already transpiled once (AtScript -> ES6) so we need to take source maps from this tranpilation into account and I don't know how to do it with Gulp :-)

Something to dig into, I will probably have some time during the weekend but any help here would be much appreciated!

[pkozlowski-opensource]

@cburgdorf we seem to have a PR that offers a partial solution (#6) - you can get it for a test drive!

[cburgdorf]

Looks like what I had before but what didn't hit the breakpoints for me
when I tried it. I'll test it out tomorrow!
Am 28.03.2015 15:28 schrieb "Pawel Kozlowski" [email protected]:

@cburgdorf https://github.com/cburgdorf we seem to have a PR that
offers a partial solution (#6
#6) - you can get
it for a test drive!

—
Reply to this email directly or view it on GitHub
#4 (comment)
.

[cburgdorf]

I left a comment in #6

[JavascriptMick]

I tried #6 and it does generate sourcemaps but I can't get my debugger to load the sources. If I use debugger; statement in my code, this is recognised but it can't find the source (using firefox dev edition standard tools)

[jhades]

have a look at this PR if looking for source maps support -> #37