Google chrome VS代码Chrome调试反应应用程序

Google chrome VS代码Chrome调试反应应用程序,google-chrome,debugging,visual-studio-code,Google Chrome,Debugging,Visual Studio Code,我在vscode中安装了chrome调试器。我不确定如何调试我的react应用程序(服务器渲染) 以下是“浏览器源”选项卡中的应用程序结构: localhost>public>js>src(实际应用程序代码) 下面是物理应用程序结构。此外,我正在使用gulp捆绑我的应用程序: root>dist>js>(bundle.js、bundle.map.js、lib.js、lib.map.js) 以下是我的启动配置: { "version": "0.2.0", "configuratio

我在vscode中安装了chrome调试器。我不确定如何调试我的react应用程序(服务器渲染)

以下是“浏览器源”选项卡中的应用程序结构:

localhost>public>js>src(实际应用程序代码)

下面是物理应用程序结构。此外,我正在使用gulp捆绑我的应用程序:

root>dist>js>(bundle.js、bundle.map.js、lib.js、lib.map.js)

以下是我的启动配置:

{
    "version": "0.2.0",
    "configurations": [{
        "name": "Launch Chrome against localhost, with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://local.dporganizer.com/",
        "runtimeArgs": [
            "--user-data-dir",
            "--remote-debugging-port=9222"
        ],
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}/public/js/src"
    }]
}
当我启动调试器并附加断点时,我收到此警报

断点被忽略,因为未找到生成的代码(源映射问题?)