ionic 2 typescript source map not created

Question

I am trying to debug Ionic 2 Application And I want to know how to include souceMap for every typescript file that maps to the javascript files.

But when I open the dev tools in Chrome there is no any souceMap file.

Also, I enabled the "sourceMap":true in tsconfig.json file. This is my tsconfig.json file

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "dom",
      "es2015"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5",
    "types": [
      "jasmine"
    ]
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}

After that, I tried changing the ionic.config.json according to this sourcemaps not working for ionic 2. But it also did not work for me.

Does anyone know what is wrong?

are you getting any error while you run the application ? – ranakrunal9 Nov 22 '16 at 04:59 — ranakrunal9, Nov 22 '16 at 04:59
no errors. App is working perfectly. – Ajantha Bandara Nov 22 '16 at 06:01 — Ajantha Bandara, Nov 22 '16 at 06:01

score 5 · Accepted Answer · answered Nov 24 '16 at 08:22

found the answer.

Still .map files are not generated. Because it is a bug see this issue. But now I can debug after adding this

"config":{

     "ionic_source_map":"source_map"
}

into package.json file. Now all the .ts files are shown in the debug mode.

score 2 · Answer 2 · edited Oct 30 '17 at 11:02

2

It has changed now to -

config: {
    ionic_bundler: "webpack",
    ionic_source_map_type: "#inline-source-map"
  }

edited Oct 30 '17 at 11:02

vahid kargar

800
1
9
23

answered Oct 30 '17 at 10:24

Navneet Sharma

21
2

where should we put this line of code? To the `package.json` or `tsconfig.json`? Thanks. – Rich Sep 03 '18 at 07:34

ionic 2 typescript source map not created

2 Answers2