Ionic 2 TypeScript源映射未创建。

Question

我正在尝试调试Ionic 2应用程序，想知道如何为每个映射到JavaScript文件的TypeScript文件包含souceMap。但是，当我在Chrome中打开开发工具时，没有任何souceMap文件。

另外，我在 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
  }
}

之后，我尝试根据sourcemaps not working for ionic 2更改ionic.config.json。但对我来说也没有用。

有人知道问题出在哪里吗？

- Ajantha Bandara

---

你在运行应用程序时有遇到任何错误吗？ - ranakrunal9

应用程序运行完美，没有任何错误。 - Ajantha Bandara

Answer 1

我找到了答案。

但是.map文件没有生成。因为这是一个bug，请看这个问题。不过现在我可以在添加后进行调试。

"config":{

     "ionic_source_map":"source_map"
}

将.ts文件添加到package.json文件中。现在在调试模式下显示所有的.ts文件。

- Ajantha Bandara

Answer 2

现在它已经改变为 -

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

- Navneet Sharma

---

我们应该把这行代码放在哪里？是 package.json 还是 tsconfig.json 中呢？谢谢。 - Rich