在电脑上调试vue代码断点后无法在控制台调用局部变量。

Question

问题描述

在电脑上调试vue代码断点后无法在控制台调用局部变量。

问题出现的环境背景及自己尝试过哪些方法

目前使用了sourceMap能看到源码，也能单步调试，并能看到变量的值

相关代码

你期待的结果是什么？实际看到的错误信息又是什么？

希望可以在控制台调用当前断点的局部变量。

Answer 1

这是因为 source tab 显示的位置是 sourcemap 映射回去的源码，而实际 JavaScript VM 里运行的还是压缩替换后的版本。断点命中的时候你观察一下右侧的 scope 一栏调用栈最顶层的 scope 都有哪些变量，就可以看到实际运行的时候这个变量被替换成什么名称了。