debugging VSCode /Angular 应用程序未完全启动

fykwrbwg  于 2023-03-19  发布在  Vscode
关注(0)|答案(1)|浏览(194)

我们正在开发一个Angular 应用程序,直到几天前,我们将从VSCode中按F5,Angular 应用程序将被构建,Chrome将被启动,我们将能够在VSCode中调试我们的代码,没有问题。
我们的launch.json文件如下所示:

"version": "0.2.0",
"configurations": [
    {
      "name": "Launch Chrome",
      "request": "launch",
      "type": "chrome",
      "preLaunchTask": "npm: start",
      "url": "http://localhost:4200",
      "webRoot": "${workspaceFolder}"
    }
  ]

我们的tasks.json文件如下所示:

{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "start",
      "isBackground": true,
      "problemMatcher": {
        "owner": "typescript",
        "pattern": "$tsc",
        "background": {
          "activeOnStart": true,
          "beginsPattern": {
            "regexp": "(.*?)"
          },
          "endsPattern": {
            "regexp": "Compiled successfully."
          }
        }
      }
    }
  ]
}

应用程序构建得很好,没有错误,启动浏览器后,我们可以看到网页的标题,但加载时卡住了。我无法右键单击查看源代码。我没有看到任何网络流量。
不过,奇怪的是,我可以控制单击终端末尾的链接,然后很好地启动应用程序:

Angular Live开发服务器正在侦听localhost:4200,请在http://localhost:4200/上打开您的浏览器

所以我知道整个应用程序运行良好,只是这个启动附件进程不再工作了。我们很长时间没有更改这些文件了,所以我想知道是否有人遇到了无法从VSCode中使用单个F5启动/调试的情况。

ugmeyewa

ugmeyewa1#

我可以通过删除workspaceStorage文件夹来解决这个问题,例如:
C:\用户\应用数据\漫游\代码\用户\工作空间存储.
或者,您可以找到特定的工作区文件夹并删除state.vscdb和state.vscdb.backup文件。下面介绍如何在windows / powershell中找到包含该文件夹的文件

(sls -Path "$env:APPDATA/Code/User/WorkspaceStorage/*/workspace.json" <FOLDERNAME>).Path

也许有更好的方法来解决它。工作区存储文件夹包含扩展状态等。我猜一些状态变坏了或什么的。

相关问题