反击后不能检查chrome devtools源

Question

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

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

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

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

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

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

Answer 1

有一个解决方法使用注释来测试，如other question中所述

似乎是Chromium团队已知的一个错误，他们已经在这方面工作了很长一段时间。 Issue here

希望解决方法在调试时让您的生活变得轻松