调试Android应用程序(Android WebView调试)未绑定断点

Question

我在使用VScode来调试部署在本地安卓设备上的一个角度的Ionic应用程序时遇到了问题。

我在Android中使用Visual代码遵循了下面的-Debugging

https://ionicframework.com/docs/troubleshooting/debugging

我的launch.json如下所示

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "https://localhost:4300",
            "webRoot": "${workspaceFolder}"
        },
        {
            "type": "android-webview",
            "request": "attach",
            "name": "Attach to Android WebView",
            "webRoot": "${workspaceFolder}/www",
            "trace": true,
            "sourceMaps": true,
            "sourceMapPathOverrides": {
                "webpack:/*": "${workspaceFolder}/*"
            }
        }
    ]
}

我成功地连接到了亚行，因为我能够在调试器上单击refresh，本地android上的应用程序也会刷新，所以我知道连接很好。

我在app.component.ts上放置了一个断点，它显示的是灰色的轮廓。清除显示未绑定断点。

我遗漏了什么？

我的过程是我运行

离子帽同步离子帽开放android

我选择了我的设备，然后点击调试

Visual代码我选择“附加到Android”配置并附加选择我的设备选择应用程序名称

Answer 1

我对Ionic应用程序的建议是使用chrome:// the (或类似的)调试类型记录端，并在“离子型服务”上使用浏览器控制台。

我知道这并不是你想要的，但它可以是一个有效的解决办法。

在我看来，这也是更有效的，因为它允许你咨询网络呼叫和其他.

Answer 2

你需要确保

1. 您正在使用命令

运行应用程序

ionic cap run android -l --external

1. 您已经在webview启动(显示在铬检查上)

之后启动了android webview调试。