反击后不能检查chrome devtools源

Question

如果我在断点处停止我的javascript代码并尝试通过悬停检查代码的某些部分(如变量或函数),它会给出一个弹出窗口,其值如下面的屏幕截图所示:

但是,如果我在我的代码中使用es6模板字符串,如下所示:

options.push(<option key={`traveller-age-option-${i}`}>{i}</option>);

然后反引号字符(`)下面的整个代码变成红色,如果我将鼠标悬停在它上面 - 我无法检查任何值 - 没有任何反应 - 它被视为一个字符串

因此,我必须手动转到控制台并键入值 - 不要悬停并查看它的值.

怎么解决这个？是否有webpack选项或某些源映射或任何chrome插件,这有助于此？

Answer 1

有一种解决方法，使用注释进行测试，如另一个问题中所述

这似乎是 Chromium 团队已知的一个错误，他们已经研究了很长一段时间。问题在这里

希望该解决方法能让您在调试时变得轻松一些