小编Tim*_*son的帖子

未绑定断点 - Angular、VS Code、Chrome、PWA

版本:

Angular CLI: 11.2.11
Node: 14.16.0
VS Code: 1.59.0
Chrome: 92.0.4515.131 
Debugger for Chrome (Nightly): v2020.2.15300
JavaScript Debugger (Nightly): v2021.8.217
(No other VS Code extensions loaded)
Run Code Online (Sandbox Code Playgroud)

环境

Windows 10 - 以受限用户身份运行。除了经过批准的软件之外无法安装任何东西,这意味着我只能使用上面的 Node 版本,我可以升级 VS Code,但不能安装特定版本等。

启动.json:

    {
        "name": "Launch PWA-Chrome",
        "request": "launch",
        "type": "pwa-chrome",
        "url": "http://localhost:4200/",
        "webRoot": "${workspaceFolder}"
    },
    {
        "name": "Attach to Chrome",
        "port": 9222,
        "request": "attach",
        "type": "pwa-chrome",
        "webRoot": "${workspaceFolder}"
    }
Run Code Online (Sandbox Code Playgroud)

怎样,几时:

  • 发生在配置为 PWA 的普通 Angular 应用程序中。在任意位置设置断点并获得“未绑定断点”。
  • 启动 Chrome以及附加到 Chrome(在调试模式下)时发生。
  • 对于非 PWA 普通角度应用程序不会发生- 我可以调试非 PWA …

google-chrome visual-studio-code progressive-web-apps angular vscode-debugger

5
推荐指数
1
解决办法
7030
查看次数