Debugging TypeScript in Safari

Ionic Framework ionic-v3
1

I know threads like this exist, but I have yet to get this to work.

I’m trying to debug an Ionic 2 app on my iOS device. Chrome reads the source mappings and I’m able to debug my TypeScript files, line-by-line, without problem on the web, but when I try to do the same in Safari Technology Preview (to inspect what’s displaying on the iPad), only transpiled JavaScript files appear. I changed package.json to include the following per a suggestion on StackOverflow:

"config": {
    "ionic_source_map": "source-map",
    "ionic_bundler": "webpack",
    "ionic_source_map_type": "eval"
  }

I can see all of the .ts files under “Extra Scripts” when I browse the source tree in Safari, but their contents are transpiled JavaScript as well from Webpack. I might be missing something obvious here; anyone get this to work?

Ionic Framework: 2.0.0
Ionic Native: 2.4.1
Ionic App Scripts: 1.1.0
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 6.7.0
OS Platform: macOS Sierra
Navigator Platform: MacIntel
4 Likes
2

I have the same issue, but with an even more recent ionic project. Below are are the specs on my environment.

![17 PM|236x499](upload://3zik0C5YMwWvj3WbLwcjJkS6w5p.png PM|598x499](/uploads/default/original/3X/5/b/5b9080797bf52d834791aeb3c2db0fab00ea7873.png)

I am using a Mac and executed the following commands to run the app:

  • ionic build ios
  • ionic cordova emulate ios -lc

Any help is appreciated.