VSCode 在 .vue 文件中未正确断点

问：

当我使用 VSCode 并调试 Vue 组件的测试时，该组件中的断点“命中”，但对我来说基本上毫无用处。

也：

• 我无法检查变量
• 它在错误的位置断点，与我设置调试器的位置相距甚远
• 它根本没有断点

有关示例，请参阅此图像。查看断点图标如何介于 和 之间？ 如果我将鼠标悬停在这些变量中的任何一个上，它就会表现得像我甚至没有调试一样。value

如果我使用调试控制台查看变量，它会告诉我它未定义。input

有人知道如何让它很好地工作吗？

我安装了各种扩展，例如：

• JS + 打字稿
• 开玩笑
• 掌 侧