我已经使用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 进行调试