之前，我总是直接在jsx组件文件中调试vscode中的reactjs应用程序。现在我做不到，因为当我试图调试vscode时，我试图调试一个名为main.chunk.js的文件。我也在使用chrome。
Vs代码调试main.chunk.js
我想直接在组件jsx文件中返回调试。你对如何做有什么建议吗？
这里也有同样的问题=(
有趣的是，第一次它通过vscode正常工作，但在调试过程中它停止工作，进入main.chunk.js.
--------编辑
我在这里做了一个修改，显然奏效了。。。
在浏览器中：
检查>首选项设置>工作区>添加文件夹(项目根目录(
在重新安装VSCode之前，我遇到了同样的问题，并尝试了多个设置。即使安装相同的版本似乎也为我解决了这个问题。如果我再次遇到这个问题，将更新。
REACT+vs代码有时会发生这种情况。通常在我保存、响应实时更新和重新编译代码之后。我发现，如果我停止为react:npm start提供服务的npm进程，然后重新启动它和vscode调试器，那么一切都会正常工作。
使用React+VSCode时发生的事情。尝试了上面的一些，但没有成功
我的发现是，只有在热重新加载后才会发生这种情况
我目前的解决方案是停止并启动应用程序和chrome调试器，直到下一次热重新加载为止
我仍在寻找一个永久性的解决方案
如果vscode忽略源代码断点并跳转到已编译文件(例如使用TypeScript时(时出现问题，则可能意外关闭了源映射步进。检查此设置的最简单方法(对我来说(是使用断点集开始调试。您不需要导航到断点，只要有一个断点即可。然后，在断点部分，您可能会也可能不会将断点目标视为已编译的文件。现在，找到CALL STACK部分。您需要单击的小按钮不会出现，除非您的鼠标位于CALL STACK部分标题上方。它是一个圆形，当你把鼠标放在图标上时，它会说"；禁用源映射步进"；或"；启用源映射步进"；。单击该按钮几次，然后查看断点部分中的目的地。您希望它显示原始源代码文件(即TypeScript文件(，而不是编译后的文件(即main.js(。我希望这会有所帮助。
添加
"sourceMaps"：真实
到调试配置ielaunch.json修复了这个问题。launch.json