在设备上调试Ionic 3代码

Question

我正在测试Ionic 3，到目前为止一切正常。我希望在离子实验室调试TS代码，所以我在package.json中添加了下一个配置：

"config": {
    "ionic_source_map": "source-map"
}

在此之后，我能够看到代码并对其进行调试（在chrome devTools中），但是当我在手机上执行相同的测试时，我无法看到.Ts文件并对其进行调试。任何人都知道哪些配置或如何使它们在手机上也可见？

Answer 1

我也遇到过这个问题，但解决方法很简单:) 运行命令：

ionic cordova emulate android -l --debug

  

  

• -l <​​/ strong>启动服务器以实时重新加载www文件

       

  - debug 标记为调试版本

  

因此，在使用chrome://inspect检查设备/虚拟设备时，您可以像在Web应用程序中一样调试打字稿文件，设置断点等。

  

调试：

     

  
• 在Chrome中，转到网址栏中的chrome：// inspect。
  
• 点击您设备上应用的WebView中的检查。
  

Answer 2

您可以使用Chrome Inspector从手机调试Ionic应用程序。

先决条件：

• 对于Windows，请安装必要的USB驱动程序。
• 用于连接设备的USB线。
• 在您的设备上安装并运行了适用于Android的Chrome。
• 您的设备已启用USB调试。

调试：

• 在Chrome中，转到网址栏中的chrome：// inspect。
• 点击您设备上应用的WebView中的检查。