繁体   English   中英

反击后不能检查chrome devtools源

[英]chrome devtools source not inspectable after backtick

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

在此输入图像描述

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

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

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

在此输入图像描述

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

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

有一个解决方法使用注释来测试,如另一个问题中所解释的那样

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM