Angular 如何在chrome inspect设备中调试离子2项目的*.ts文件？

我已经在android中使用ionic build android构建了我的ionic 2应用程序。 应用程序运行良好。 我正在使用Chrome inspect设备调试android应用程序。 现在，我想调试login.ts（组件文件）。

---

但是，我在文件列表中看不到我的Login.ts文件（请参阅图片以供参考）。为什么它不显示project src文件夹中的任何文件？

编译时会将所有内容传输到JavaScript。要调试，您应该在代码中使用console.log语句，并根据console.logs检查要调试的控制台，只需将其添加到包中即可。json：

“配置”：{
“爱奥尼亚捆绑包”：“网页包”，
“离子源映射类型”：“#内联源映射”
}

重新运行（

ionic运行android

）并打开开发工具（搜索Chrome远程调试）。在sources选项卡中有一个资源被重新加载的闪光点。您应该能够在android_资产下查看整个项目结构

---

Safari调试也适用于ios。

在需要调试的每个部分都放这么多console.log（）语句，这不公平吗？此外，我必须每次构建应用程序才能看到结果，这将花费太多的时间。应该有另一种解决办法。@NiravParsana这怎么会不公平呢？一旦你解决了问题，你可以把它们注释掉。除此之外，我不知道如果没有数据流在页面上的输出，你会如何调试。“你会如何调试”，这就是我的目的，伙计：）我能问一下你为什么不想使用console.log吗？实际上我想调试硬件后退按钮事件，我还想观察一些变量和所有其他事情，是不是需要太多的console.log（）行？相反，如果我可以调试我的组件文件，这对我来说太容易了，因为它也节省了很多时间。