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

Question

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

Answer 1

只需将其添加到package.json：

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

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

也适用于Safari调试ios。

Answer 2

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