如何在chrome检测设备中调试离子2项目的* .ts文件?

时间:2017-04-10 14:36:20

标签: angular typescript ionic2

我使用离子构建android在android中构建了我的离子2应用程序。 应用程序工作正常。 我使用Chrome检测设备来调试Android应用。 现在,我想调试我的login.ts(这是组件文件)。 但是,我无法在文件列表中看到我的Login.ts文件(请参阅this图片以供参考)。为什么它没有显示项目src文件夹中的任何文件?

2 个答案:

答案 0 :(得分:5)

只需将其添加到package.json:

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

重新运行(ionic run android)并打开开发工具(搜索Chrome远程调试)。在源选项卡中重新加载了一些资源。您应该能够在android_assets下看到整个项目结构。

也适用于Safari调试ios。

答案 1 :(得分:-1)

编译时,离子将一切都转移到JavaScript。要进行调试,您应该在代码中使用console.log语句,并根据console.logs检查控制台以进行调试