Visual Studio Code Chrome Debugger - Error on starting to debug

Question

When Starting the chrome debugger inside of visual studio code, it shows a popup with an error stating "Cannot find debug adapter for type 'chrome'."

I have already tried setting the remote-debugging-port to 9222 in the properties of Chrome as well as in the launch.json

Here is the launch.json that I'm currently trying to use:

{
    "version": "0.2.0",
    "configurations": [

        {
            "name": "Chrome Debug",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost/app",
            "runtimeArgs" : [
                "--remote-debugging-port=9222"
            ],
            "webRoot": "${workspaceFolder}/path_to_js"
        }
    ]
}

Answer 1

I had the same issue. I uninstalled and reinstalled the Debugger for Chrome extension and restarted VS Code. It started working.