启动适用于Visual Studio Code的Chrome调试程序时出错

Question

我正在尝试将Chrome调试用于VS代码。我只是这样做，因为我在Mac上使用Chrome进行调试，而且我不知道如何在Mac上禁用Chrome中的源地图，这导致调试非常错误。 See my question about that here。但是，当我尝试启动Visual Studio Code的Chrome调试器时，无论我尝试什么，我都会遇到此错误：

  

[debugger-for-chrome]无法连接到目标：connect   ECONNREFUSED 127.0.0.1:9222

我的主页的网址是http://localhost:3000/

我的launch.json文件是：

{
    "version": "0.1.0",
    "configurations": [
        {
            "name": "Launch localhost with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceRoot}/js/app",
            "sourceMaps": true
        }
    ]
}

请注意我在以下方面尝试了一些值：

"webRoot": "${workspaceRoot}/js/app"

例如${workspaceRoot}/app，其中包含我的打字稿。

我的所有j都进入项目根目录中名为js的文件夹中，但如果可能的话，我想从打字稿中调试一下？

这是我的项目结构：

如何让Chrome Debugger for Visual Studio Code正常运行？