reactjs - 如何在 VS Code 中调试 React？错误断点已设置但尚未绑定(bind)

Question

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

Unverified breakpoint. Break point set but not yet bound.

我的launch.json

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

我的本​​地目录

Answer 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"
      }
  ]
}