反擊后不能檢查chrome devtools源

Question

如果我在斷點處停止我的javascript代碼並嘗試通過懸停檢查代碼的某些部分（如變量或函數），它會給出一個彈出窗口，其值如下面的屏幕截圖所示：

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

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

然后反引號字符（`）下面的整個代碼變成紅色，如果我將鼠標懸停在它上面 - 我無法檢查任何值 - 沒有任何反應 - 它被視為一個字符串

因此，我必須手動轉到控制台並鍵入值 - 不要懸停並查看它的值。

怎么解決這個？ 是否有一個webpack選項或一些源映射或任何chrome插件，這有助於此？

Answer 1

有一個解決方法使用注釋來測試，如另一個問題中所解釋的那樣

似乎是Chromium團隊已知的一個錯誤，他們已經在這方面工作了很長一段時間。 問題在這里

希望解決方法在調試時讓您的生活變得輕松