angular - 如何在 chrome 检查设备中调试 ionic 2 项目的 *.ts 文件?

标签 angular typescript ionic2

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

最佳答案

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

“配置”:{ "ionic_bundler": "webpack", “ionic_source_map_type”:“#inline-source-map” }

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

也适用于带有 Safari 调试的 ios。

关于angular - 如何在 chrome 检查设备中调试 ionic 2 项目的 *.ts 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43326045/

相关文章:

javascript - 在 Angular 中定义类范围之外的变量是一个好习惯吗?

ionic-framework - Min Maxlength 属性在 ionic 3 中不起作用

angular - 将禁用与模型驱动形式一起使用

javascript - 最小值和最大值的 Angular 2 表单验证

javascript - 未捕获的语法错误 : Unexpected identifier - importing jquery

wordpress - 如何在 Woocommerce 的 ionic 应用程序中处理 PayPal 付款?

html - ionic css 问题,同时将右下角的 ionic 图标设置为图像

javascript - 在api上提交表单的post方法

angular - ScrollTo Ionic 2 中 Listview 的特定项目

typescript - typescript 中的相交键