React中如何断点调试?

Eag*_*Fly 5 debugging google-chrome reactjs

我正在使用 Chrome。例如,我需要 Component.jsx 并在某处放置一个断点。我按 F12,选择 Sources 选项卡,按 Ctrl+P,但我得到的只是 1.chunk.js、bundle.js 和 main.chunk.js。在文件中查找位置非常不方便。有人可以帮我找到解决方案吗?

Jer*_*yal 2

你的调试器设置正确了吗?
假设您使用VSCode,您需要安装chrome调试器扩展并添加vscode调试配置才能使其工作。
VSCode 团队在这里提供了一个很好的教程:https://code.visualstudio.com/docs/nodejs/reactjs-tutorial#_debugging-react