# Debugging TypeScript with new Build Process

**URL:** <https://forum.ionicframework.com/t/debugging-typescript-with-new-build-process/68939>\
**Category:** ionic-v3\
**Created:** [November 2, 2016, 2:42pm UTC](https://forum.ionicframework.com/t/debugging-typescript-with-new-build-process/68939 "2016-11-02T14:42:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![brassier](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@brassier](https://forum.ionicframework.com/u/brassier)\
**Post date:** [November 2, 2016, 2:42pm UTC](https://forum.ionicframework.com/t/debugging-typescript-with-new-build-process/68939/1 "2016-11-02T14:42:10Z")

</div>

I’ve been trying to get my Ionic 2 project to debug and hit TS breakpoints. I’m using VS Code, and would ideally debug in that environment. That said, I also can’t get the TS to show up in Chrome when running `ionic serve`.

I created my project last week, which I assume used the Rollup build process. I’ve since updated my scripts per the 10/31 blog post suggestion, so I assume I’m now set up for Webpack 2.

In VS code my breakpoints continue to display `Unverified Breakpoint`, so I assume the TS sourcemaps aren’t being generated properly. Can someone explain a predictable set of steps needed to debug, ideally in VS Code? Do I need to mess with changing TS sourcemap settings? Where would the sourcemap files be generated if things are working properly? Do I need to run a certain command-line build process before debugging in VS Code?

---

<div class="post-metadata">

**Author:** ![billyjoejimbob](https://avatars.discourse-cdn.com/v4/letter/b/ad7895/32.png) [@billyjoejimbob](https://forum.ionicframework.com/u/billyjoejimbob)\
**Post date:** [November 4, 2016, 1:18pm UTC](https://forum.ionicframework.com/t/debugging-typescript-with-new-build-process/68939/2 "2016-11-04T13:18:15Z")

</div>

Same issue. Tried modifying the webpack.config.js resolve/extensions to include .ts but it doesn’t work. Also running build with --dev, devtool is set to source-map, and of course sourceMap is true in the ts config.

---

<div class="post-metadata">

**Author:** ![rajpatangay](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajpatangay/32/103925_2.png) [@rajpatangay](https://forum.ionicframework.com/u/rajpatangay)\
**Post date:** [November 4, 2016, 6:35pm UTC](https://forum.ionicframework.com/t/debugging-typescript-with-new-build-process/68939/3 "2016-11-04T18:35:34Z")

</div>

I am facing the same problem  
I posted this issue in another discussion

> [@Help us test Webpack support in Ionic 2 App Scripts!](https://forum.ionicframework.com/t/help-us-test-webpack-support-in-ionic-2-app-scripts/67507/108):
>
> Hi @danbucholtz I have updated to RC2 and still don’t see .ts file when debugging in chrome. I see a the .js equivalents of my .ts src files under webpacks:// .tmp folder What settings do I need to see the change the .ts files for debugging? ( I am using @ionic/app-scripts": “0.0.39”)

still waiting to get any help.

---

<div class="post-metadata">

**Author:** ![henrikyt](https://avatars.discourse-cdn.com/v4/letter/h/94ad74/32.png) [@henrikyt](https://forum.ionicframework.com/u/henrikyt)\
**Post date:** [November 7, 2016, 10:51am UTC](https://forum.ionicframework.com/t/debugging-typescript-with-new-build-process/68939/4 "2016-11-07T10:51:12Z")

</div>

Seems to be an issue in ionic-app-scripts

> <https://github.com/ionic-team/ionic-app-scripts/issues/289>

---

<div class="post-metadata">

**Author:** ![dbeylkhanov](https://avatars.discourse-cdn.com/v4/letter/d/f14d63/32.png) [@dbeylkhanov](https://forum.ionicframework.com/u/dbeylkhanov)\
**Post date:** [November 9, 2016, 4:05pm UTC](https://forum.ionicframework.com/t/debugging-typescript-with-new-build-process/68939/5 "2016-11-09T16:05:28Z")

</div>

Same problem =(…

Ionic CLI v2.1.4  
nodejs 6  
cordova 6.3.1  
@ionic/app-scripts: 0.0.41