如何使用浏览器调试器控制台窗口显示箭头函数=>{…}房产?

如何在Chrome调试器/控制台中获得访问权限,以显示arrow函数中的参数值?

昨天和今天早上,我一直在试图找出我的开发构建中有什么错误,使我无法看到正在执行的函数中的变量。

见: build-in-dev-mode-for-angular-11-does-not-show-debug-values-in-console

我发现问题不在于为发展而构建。

问题是在Chrome浏览器调试器/控制台窗口中

1. 箭头函数=> 在控制台窗口中键入变量时,它将 不 知道变量值
2. 正规函数 在控制台窗口中键入变量时,它将知道变量值

我被转移到的这个项目使用了几乎所有的箭头函数 (someVar:type) => {...} 调试对我来说是一场噩梦。

编辑

下面是一个片段,说明我所说的是问题所在。注意:范围中未定义显示。

        "dev": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.dev.ts"
            }
          ],
          "buildOptimizer": false,
          "optimization": false, < < this must be false to prevent minification
          "vendorChunk": true,
          "extractLicenses": false,
          "sourceMap": true,
          "namedChunks": true,
          "outputHashing": "all"
        },

缩小源

文件夹