reactjs - 在 React 中开发时，是否可以在 chrome 调试器中调试 JSX 变量？

Question

我想在使用 chrome 调试器进行调试时检查我的JSX文件中变量的值，就像在 js 文件中所做的那样。

我已经使用Create-React-App创建了应用程序

使用 JSX 文件时，我可以在键入变量名称时在命令选项卡中获取变量的值，但是在源选项卡中，当调试器遇到断点时，当我将鼠标悬停在变量上时，chrome 不会显示值，而悬停显示js文件中的变量值（下图） Chrome Source Tab中的JSX文件，全黑无悬停

我想通过将鼠标悬停在它们上来了解 chrome 调试器中的值，例如 JS 文件。

在 chrome 源选项卡中调试 js 文件

我是否必须更改WebPack设置才能生成源地图？

标签： reactjsdebuggingjsx