如何设置 DevTools-For-Chrome 扩展？

如何解决如何设置 DevTools-For-Chrome 扩展？

我使用的是 mac，我正在尝试在 VSCode 中设置 DevTools-For-Chrome，但我遇到了各种错误。

我已经通过以下设置成功地使用了 debugger-for-Chrome ：

{ 
  "name": "Launch Chrome","port": 8080,"url":"https://localhost/myproject#!/app/my-dashboard","webroot": "${workspaceFolder}/app/js"
},{
  "type": "chrome","request": "attach","name": "attach to Chrome","webroot": "${workspaceFolder}/app/js"
 },

现在我已经安装了 DevTools-For-Chrome 并添加了以下设置（并运行 /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222）

       {
            "type": "devtools-for-chrome","request": "launch","name": "Launch Chrome DevTools","port": 9222,"url": "https://localhost:8080/",//  "runtimeArgs":["--inspect=8080"],"file": "${workspaceFolder}/app/js"
        },{
            "name": "Attach to Chrome,with sourcemaps","type": "devtools-for-chrome","sourceMaps": true,"webroot": "${workspaceFolder}/app/js","urlFilter": "https://localhost:8080/*","sourceMapPathOverrides": {
                "webpack:///*": "/*"
            }
        }

我仍然收到错误消息：找不到任何要附加的目标。您是否记得使用“--remote-debugging-port=9222”运行 Chrome？ 但首先我只想检查我的设置是否正确。