create-react-app Chrome Dev Tools在鼠标悬停时不显示变量值

wmtdaxz3  于 6个月前  发布在  React
关注(0)|答案(4)|浏览(66)

你好,

我正在尝试使用Chrome开发者工具调试我的cra-应用程序(TypeScript)。正常情况下,将鼠标悬停在变量上以查看其值(在源选项卡中)。这似乎在react-scripts@5.0.1中不起作用。如果我降级到react-scripts 4.0.3,它又可以正常工作了。

5.0.1的行为:

4.0.3的行为:

我做错了什么吗?

要重现这个问题,你只需使用create-react-app --template typescript创建一个新的React应用程序并进行测试。然后只需降级react-scripts版本即可。

o2rvlv0m

o2rvlv0m1#

你是否在其他浏览器如Firefox中注意到了这种行为?开发者版具有强大的开发工具。

x8diyxa7

x8diyxa72#

不,我只是在用最新版本的谷歌浏览器。

jei2mxaa

jei2mxaa3#

我并没有在工作站前检查,但如果你发现它在其他浏览器的开发者工具中正常工作,那么我会冒昧地建议这不是你的问题,而是包/ Chrome的问题。

xqnpmsa8

xqnpmsa84#

在Firefox中,它运行得很好。我刚刚发现,如果我在代码中手动编写"debugger;",那么在Chrome热重载后,变量的悬停功能可以正常工作。使用Chrome调试器无法正常工作。

相关问题