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



我已经使用ionic build android在android中构建了我的ionic 2应用程序。 应用程序工作正常。 我正在使用 Chrome 检查设备来调试安卓应用程序。 现在,我想调试我的login.ts(这是组件文件)。 但是我在文件列表中看不到我的 Login.ts 文件(请参阅此图像以供参考)。为什么它不显示项目 src 文件夹中的任何文件?

只需将其添加到您的package.json中即可:

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

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

也适用于具有Safari调试功能的ios。

所以 ionic 在编译时将所有内容转移到 JavaScript 中。若要调试,应在代码中使用 console.log 语句,并检查控制台以基于 console.logs 进行调试

相关内容

  • 没有找到相关文章

最新更新