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

Question

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

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

我的启动.json

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

我的本地目录

标签： reactjsdebuggingvisual-studio-code

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