Errors from compilation when adding Typescript source map

It seems ionic start didn’t add source mapping to the Typescript project automatically. In the tsconfig file I added: "inlineSourceMap": true. This now provides the correct source maps to be used in the browser console, however, the compilation throws the following error

ERROR in [default] 
Option 'sourceMap' cannot be specified with option 'inlineSourceMap'.

ERROR in [default] 
Option 'sourceRoot' cannot be specified with option 'inlineSourceMap'.

I don’t understand why it’s mentioning the options sourceMap and sourceRoot as these are not in the config.

Any ideas how I can fix this error?

Try this tsconfig.json

  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "sourceRoot": "./"
  "filesGlob": [
  "exclude": [
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false

Also add to following to the webpack.config

  // Source maps support (or 'inline-source-map' also works)
  devtool: 'source-map',

  module: {
    loaders: [
        test: /\.ts$/,
        loader: 'awesome-typescript',
        query: {

Can this not be made the default for the TS starters? Doing this makes debugging much easier in Chrome when using ionic serve.

This is something we’re enabling by default with our new build revamp.
We never really had a concept of testing/production builds, but this is being added.

1 Like