用 react+babel 调试 vscode

Posted

技术标签:

【中文标题】用 react+babel 调试 vscode【英文标题】:vscode debugging with react+babel 【发布时间】:2020-01-21 21:26:55 【问题描述】:

我有一个项目,其中有这些脚本:

"dev": "babel-node --presets 'react,es2015' src/server.js" "start": "NODE_ENV=development babel-node --presets 'react,es2015' src/server.js" "build": "NODE_ENV=development webpack -p"

我想知道应该如何编写launch.json来使用VScode进行调试。

【问题讨论】:

【参考方案1】:

您可以使用debugger; 语句,您可以在代码中设置它,当您运行应用程序时,浏览器会自动进入调试模式。

请阅读以下链接中的调试器语句 https://www.w3schools.com/jsref/jsref_debugger.asp

【讨论】:

以上是关于用 react+babel 调试 vscode的主要内容,如果未能解决你的问题,请参考以下文章

使用 Chrome Devtools 调试 Babel 转译的 React 时,“this”的值不正确

使用 vscode 调试器调试 React Native

如何使用 vscode 设置 jest typescript 测试以在调试模式下运行

VS Code 调试器中的 Jest + Babel 导致断点移动

vscode 调试 react 项目

对于 React 应用程序,vscode 调试器中的断点通常会失败