VsCode 现在在调试模式下在原始 jsx 文件上显示 main.chunk.js答案

【问题标题】：VsCode now is showing main.chunk.js instead on original jsx file in debugging modeVsCode 现在在调试模式下在原始 jsx 文件上显示 main.chunk.js
【发布时间】：2022-09-28 17:52:40
【问题描述】：

之前我总是直接在jsx组件文件中调试vscode中的reactjs应用。现在我不能这样做了，因为当我尝试调试 vscode 时会尝试调试一个名为 main.chunk.js 的文件。我也在用铬。

Vs Code Debugging a main.chunk.js

我想直接在组件 jsx 文件中返回调试。你有如何做的建议吗？

标签： reactjs google-chrome debugging visual-studio-code

【解决方案1】：

这里同样的问题！ =(

有趣的是，第一次通过 vscode 可以正常工作，但在调试期间它停止工作并进入 main.chunk.js。

- - - - 编辑

我在这里所做的修改显然有效......

在浏览器中：

检查 > 首选项设置 > 工作区 > 添加文件夹（项目根目录）

【讨论】：

谢谢你的回答。我要试试。您是否在某处阅读过有关此解决方案的信息？
我有疑问，如何访问您发布的路径“检查 > 首选项设置 > 工作区 > 添加文件夹”？
@flicardie 当您开始调试并打开 Chrome 实例时，在 Chrome 中用鼠标右键单击并选择“检查”。然后点击右上角的齿轮图标。它将打开设置。在左侧，您将看到“工作区”选项。单击它并在右侧面板上选择“添加文件夹”
@thatVar 谢谢，我试过但对我不起作用。还有什么建议吗？。调试器继续调试 main.chunks.js
@flicardie 你使用 webpack 吗？