首页 > 解决方案 > VS Code Chrome 调试器,函数参数未捕获引用错误

问题描述

我在使用 VS Code 的 Chrome 调试器时遇到了调试问题。当我将断点放在一个函数中并观察函数参数变量时,我总是得到一个未捕获的引用错误。但是,如果我 console.log 相同的变量,它会按预期打印。下面是一个例子

submitForm(data: string) {
   console.log(data) // Attach Breakpoint over here
}

如果我按照指示附加断点,数据会引发 UncaughtReferenceError 但 console.log(data) 有效。我已经看到 VS Code 调试器的“变量”部分,似乎调试器正在将名称数据更改为任意名称。我附上了一张图片,以便更清楚任何建议来纠正这个问题?

调试视图

下面是我的调试配置

    "type": "chrome",
    "request": "launch",
    "name": "Launch Chrome",
    "url": "https://localhost:4200",
    "webRoot": "${workspaceFolder}"

标签: typescriptdebuggingvisual-studio-code

解决方案


推荐阅读