如何在Ionic2中调试typescript

Question

我在Ionic 2项目中使用typescript。如何调试我的打字稿文件？我试着没有webpack文件，但它不是一个很好的解决方案!!你能帮助我吗？

Answer 1

要调试您的应用，请在代码中使用关键字调试器来设置断点

function myBrokenFunction() {
      debugger;
      // do other stuff
    }

查看here了解详情

Answer 2

WebStorm / InteliJ Supports Typescript debugging。它使用chrome扩展并允许您在IDE中放置断点。 This blog post also covers it

Answer 3

如果视觉调试更符合您的风格，您可以结帐Batarangle，Angular2可以使用Batarang浏览器插件。

Answer 4

如果您使用webpack作为应用程序包，而不是汇总，请尝试在项目的根目录webpack.config.js上创建一个文件，然后编写以下内容：

module.exports = {
    devtool: 'source-map'
}

在你的打字稿配置文件tsconfig.json中，yuo必须有条目：

"sourceMap": true