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

Question

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

Answer 1

因此编译时会传递所有内容到JavaScript。为了调试，你应该在你的代码中使用的console.log语句，并检查基础上，console.logs

Answer 2

只需添加到您的package.json控制台调试：

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

做一个重新（ ionic run android）和开放开发工具（搜索Chrome远程调试）。资源标签中会重新加载资源。您应该能够在android_assets下看到您的整个项目结构。

适用于带Safari的ios调试。