如何在 vs 代码中调试反应？错误断点已设置但尚未绑定答案

【问题标题】：How to debug react in vs code ? Error break point set but not yet bound如何在 vs 代码中调试反应？错误断点已设置但尚未绑定
【发布时间】：2018-10-09 11:24:41
【问题描述】：

我创建了 react 网站并使用 gulp 运行它。我想使用 VS 代码对其进行调试，但是当我设置断点时会收到警告。这里可能是什么问题？我所有的代码都在 c:\psadmin\src 文件夹中。

未验证的断点。已设置断点但尚未绑定。

我的启动.json

"configurations": [
    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome",
        "url": "http://localhost:9005",
        "webRoot": "${workspaceFolder}"
    }
]

我的本地目录

【问题讨论】：

嘿宙斯你解决了这个问题吗？如果你已经解决了这个问题，你能回答你自己的问题吗？我现在也有同样的问题
你们能解决这个问题吗？我也有同样的问题。

标签： reactjs debugging visual-studio-code

【解决方案1】：

虽然我使用的是 Webpack，但我也遇到了类似的问题。您应该能够将 webRoot 设置为您的 gulp 配置使用的入口点。例如，我的 Webpack 配置入口点是 src/entry.js，所以我的启动配置是：

{
  "version": "0.2.0",
  "configurations": [
      {
          "name": "Chrome",
          "type": "chrome",
          "request": "launch",
          "url": "http://localhost:8089/#/",
          "webRoot": "${workspaceFolder}/src/entry.js"
      }
  ]
}

【讨论】：