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

Question

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

  

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

我的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"
      }
  ]
}