离子2打字稿源图未创建

时间:2016-11-22 04:48:55

标签: javascript angular typescript ionic2

我正在尝试调试 Ionic 2 应用程序我想知道如何为映射到<的每个 typescript 文件包含 souceMap strong> javascript 文件。

但是当我在Chrome中打开开发工具时,没有任何 souceMap 文件。

Chrome-dev-tool-source-img

此外,我在 tsconfig.json 文件中启用了 "sourceMap":true 。 这是我的 tsconfig.json 文件

{
  "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
  }
}

之后,我尝试根据此更改 ionic.config.json sourcemaps not working for ionic 2。但它也不适用于我。

有谁知道出了什么问题?

2 个答案:

答案 0 :(得分:5)

找到了答案。

仍未生成 .map 文件。因为它是一个错误,请参阅此issue。但现在我可以在添加此

后进行调试
"config":{

     "ionic_source_map":"source_map"
}

进入 package.json 文件。现在所有的 .ts 文件都显示在调试模式中。

答案 1 :(得分:2)

现在已改为 -

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