Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Problem to run chrome debugger in VS Code

Hi I've got a problem to run Chrome Debugger directly in VS Code. I'm working on Linux Mint.

Now i try to run debugger and error message says: Unable to launch browser: "Unable to find Chrome version stable. Available auto-discovered versions are: ["dev"]. You can set the "runtimeExecutable" in your launch.json to one of these, or provide an absolute path to the browser executable."

Following the sugesstion I've added runtimeExecutable to chromeExecutable and now the error is:

Unable to Attach to the browser.

Google Chrome is installed on my machine version: 83.0.4103.116-1.

Thanks for help in advance

Error: Error

Current config: Current Config

like image 398
AdrianeZ - programuj Avatar asked Jun 28 '20 09:06

AdrianeZ - programuj


2 Answers

1. Type chrome://version/ in Chrome browser.
2. Notice you will get some thing like this ::: 

Google Chrome :: 86.0.4240.80 (Official Build) (x86_64)

Revision :: 7ed88b53bda45a2d19efb4f8706dd6b6cad0d3af-refs/branch-heads/4240@{#1183}

OS :: macOS Version 10.15.7 (Build 19H2)

JavaScript :: V8 8.6.395.10

Flash :: 32.0.0.445 /Users/shivamgupta/Library/Application Support/Google/Chrome/PepperFlash/32.0.0.445/PepperFlashPlayer.plugin

User Agent :: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.80 Safari/537.36

Command Line :: /Applications/Chrome.app/Contents/MacOS/Google Chrome -psn_0_57358 --flag-switches-begin --flag-switches-end --restore-last-session

Executable Path :: /Applications/Chrome.app/Contents/MacOS/Google Chrome

Profile Path :: /Users/shivamgupta/Library/Application Support/Google/Chrome/Default

Variations :: 84085631-ab02a1cf dff70c3e-377be55a .......,.

Copy the Executable Path to runTimeExecutable

Now Copy this snippet in launch.json::
"configurations": [
    {
      "name": "Launch Chrome",
      "request": "launch",
      "type": "pwa-chrome",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}/public",
      "runtimeExecutable": "/Applications/Chrome.app/Contents/MacOS/Google Chrome"
    }
]
like image 148
Shivam Gupta Avatar answered Oct 20 '22 07:10

Shivam Gupta


I have the same problem. And found how to set

debug.javascript.usePreview: false in VS settings

enter image description here

like image 15
Ben Avatar answered Oct 20 '22 07:10

Ben