angular - Visual Studio Code > Angular 调试在包升级后挂起

Question

在我们的 Angular 项目中，我们在 Visual Studio Code 中的调试工作正常。但是我们随后升级了我们package.json文件中的依赖项，删除了文件package-lock.json并删除了node_modules该命令后跟的文件夹

npm install

当我们启动我们的应用程序时，调试突然停止工作。所以会发生以下情况：我们在组件中设置了一个断点（例如 ngOnInit 方法）。我们导航到该组件并命中断点。但是如果我们然后尝试转到下一行，VSCode 中的调试器不会继续。它仍然停留在我们设置断点的行上。然而，我们相当肯定代码会继续运行，因为如果我们按下continue (F5)而不是下一行 ( F10)，组件就会呈现在屏幕上。但是 Visual Studio 代码仍然停留在断点上，并且检查任何变量根本不起作用。

我们认为这是一个包的错误，因为仅将包恢复到旧版本解决了这个问题，但我们不是 100% 确定，因为我们似乎也是目前唯一遇到这个问题的人。

我们的启动配置定义如下

{
  "name": "ng serve",
  "type": "pwa-chrome",
  "request": "launch",
  "preLaunchTask": "npm: start",
  "url": "http://localhost:4200/#",
  "webRoot": "${workspaceFolder}",
  "sourceMapPathOverrides": {
    "webpack:/*": "${webRoot}/*",
    "/./*": "${webRoot}/*",
    "/src/*": "${webRoot}/*",
    "/*": "*",
    "/./~/*": "${webRoot}/node_modules/*"
  }
}

编辑 我们尝试识别有问题的包，但这似乎几乎是不可能的，因为只有降级一个包会渗透到所有其他在解决问题时具有依赖关系和产量的包。

例如，降级所有来自 angular 的包（即名称以 开头@angular/）

npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@"~0.10.3" from @angular/core@10.2.5
npm ERR! node_modules/@angular/core
npm ERR!   @angular/core@"^10.2.4" from the root project
npm ERR!   peer @angular/core@"10.2.5" from @angular/animations@10.2.5
npm ERR!   node_modules/@angular/animations
npm ERR!     @angular/animations@"^10.2.4" from the root project

标签： angularnpmvisual-studio-code