Vscode 1.64.2中的未绑定断点

Question

我正在使用vscode和Angular，我无法设置触发的断点。所有断点都设置为未绑定断点。

我的环境：

版本：1.64.2（用户设置）日期：2022-02-09T22:02:28.252Z电子：13.5.2Chromium：91.0.4472.164Node.js：14.16.0 V8: 9.1.269.39-电子.0 OS：Windows_NTx64 10.0.22000

我的发射。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": [

    {
      "name": "ng serve",
      "type": "chrome",
      "request": "launch",
      "preLaunchTask": "npm: start",
      "url": "http://localhost:4200",
      "webRoot": "${workspaceFolder}", 
      //"sourceMaps": 
      "resolveSourceMapLocations": [
        "${workspaceFolder}/**",
        "!**/node_modules/**"
    ],
    "outFiles": [
        "${workspaceFolder}/**",
        "**/node_modules/**"
      ],
    "trace": true
    },
    {
      "name": "ng test",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:9876/debug.html",
      "webRoot": "${workspaceFolder}",
      "sourceMapPathOverrides": {
        "./src/*": "${workspaceFolder}/src/*"
      }
    },
    {
      "name": "ng e2e",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/node_modules/protractor/bin/protractor",
      "args": ["${workspaceFolder}/e2e/protractor.conf.js"]
    },
    
  ]

}

我在stackoverflow和各种文档上找到了很多东西：

>

在tsconfig中添加了sourcemap:true。json

{“compileOnSave”：false，“sourceMaps”：true，“compilerOptions”：{“baseUrl”：“/”，“outDir”：“/dist/out tsc”，“ForceConsistentCasingFileNames”：true，“strict”：true，“noImplicitOverride”：true，“NoPropertyAccess fromIndexSignature”：true，“noImplicitReturns”：true，“noFallthroughCasesInSwitch”：true，“sourceMap”：true，“declaration”：false，“downlevelIteration”：true，“experimentalDecorators”：true，“moduleResolution”：“node”，“importHelpers”：true，“target”：“es2017”，“module”：“es2020”，“lib”：[“es2020”，“dom”]}，“angularCompilerOptions”：{“enablei18nlegacymessageiformat”：false，“strictInjectionParameters”：true，“StricInputAccessModifiers”：true，“strictTemplates”：true}

在angular中添加了以下内容。json“vendorChunk”：true，“extractLicenses”：false，“buildOptimizer”：false，“sourceMap”：true，“optimization”：false，“namedChunks”：true

在"ng service"的lauch.json设置中添加了解决方案。

在发布中添加了outfiles选项。“ng serve”的json设置。

这些都不起作用，我的断点仍然保持未绑定状态，即使加载了带断点的角度组件。

问题：如何在VSCode中为angular启用调试，以便断点不被解除绑定并在断点处中断？

Answer 1

我也遇到过断点都被1.64.2解除绑定的情况。我降级到1.63.2，我的断点现在可以工作了。希望您正在处理相同的原因。