【问题标题】:Setting breakpoints and hitting the first breakpoint is now very slow in vscode when debugging a React app在调试 React 应用程序时,现在在 vscode 中设置断点并击中第一个断点非常慢
【发布时间】:2021-12-09 14:46:07
【问题描述】:
这在几天前工作得更好,但现在,当我想在 Chrome 中调试我的 CRA web 应用程序时,我在设置或命中断点时有很大的延迟(10 - 20 秒)。现在我什至收到了来自 vscode 的消息
这么说
配置断点需要一段时间。您可以通过更新 launch.json 中的 'outFiles' 来加快速度。
问题是:调试 React 应用程序时我没有文件。
我必须在那里设置什么?旁注:我使用的是内置的 Chrome 调试器支持,而不是已弃用的 Chrome 扩展。
【问题讨论】:
标签:
visual-studio-code
vscode-debugger
【解决方案1】:
事实证明,在生产构建中包含 Typescript 源映射会导致长时间的延迟。这些文件非常大(比实际代码大),因此需要很长时间才能加载。
在我的项目中,我启用了源映射作为 Babel 构建的一部分。这样我就可以在 Visual Studio Code Web 视图中调试 Typescript 代码。