Microsoft/vscode-chrome-debug

A Visual Studio Code extension to debug your Javascript code on targets that support the Chrome Debugging Protocol.

NAdhithya

@NAdhithya

"Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '@-moz-keyframes animation_16bh5sq{from{opacity:0;}to{opacity:1;}}'."

Rob Lourens

@roblourens

That sounds like an exception from your app

Developer

@sahilkatia

https://stackoverflow.com/questions/46570748/debugger-automatically-shows-third-party-libraries-page-in-console-window?noredirect=1#comment80095213_46570748

JAN

@jjasoncool

is "request": "attach" working?

Rob Lourens

@roblourens

Should be, if not, provide some details

JAN

@jjasoncool

when I attach to chrome or launch chrome I cant add breakpoint in line.

and also cant attach to chrome.

JAN

@jjasoncool

Video_2017-10-20_140349.wmv

JAN

@jjasoncool

JAN

@jjasoncool

I put the attach setting in user setting or launch.json still doesnt work.

JAN

@jjasoncool

sorry,

i found the troble where I haven't setting vscode ["debug.allowBreakpointsEverywhere": false,] to true

after this it work.

JAN

@jjasoncool

Is "skipFiles" support regular expression?

Phil J

@johnnyelwailer

Hi. We set up debugging in an angular application, it used to work fine, but for a while now I always get the error message command 'extension.chrome-debug.startSession' not found
The launch.json:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Angular Client",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:4200",
            "runtimeArgs": [
                "--user-data-dir",
                "--remote-debugging-port=9222"
            ],
            "sourceMaps": true,
            "trace": true,
            "webRoot": "${workspaceRoot}/Frontend/",
            "userDataDir": "${workspaceRoot}/.vscode/chrome"
        }
    ]
}

Steve Suranant

@053steve

Hi, I'm using node.js with es6. Everytime i start debuggin in vscode my breakpoint changes position (maybe because of babel compiling). Does anybody know how to make it properly debug in es6

This is my launch.json

{
            "type": "node",
            "request": "launch",            
            "name": "test actions",
            "env": { "NODE_ENV": "test"},            
            "args": ["./test/actions.spec.js","--compilers", "js:babel-register", "--require", "babel-polyfill"],            
            "cwd": "${workspaceRoot}",
            "stopOnEntry": false,
            "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/babel-node",            
            "runtimeArgs": [
                "--nolazy"               
            ],
            "sourceMaps": true,            
            "program": "${workspaceFolder}/node_modules/mocha/bin/_mocha"            
        }

Dariuosh

@Dariuosh

Dariuosh

@Dariuosh

hi I don't know how to resolve this issue
i read this
angular/angular-cli#2453
But my problem with sourceMapPathOverrides was not fixed
The problem was not resolved by reinstalling the extension : |

Tim Lauter

@timlauter

I'm running a node app and I'm have a tough time figuring out how to debug my client-side code.

Tim Sandberg

@largeDachshund

does this work with Angular? the example is so simplistic and when you go to attach it cant find localhost:4200. just better off using dev tools?

Julian Zhu

@OrangeBorning

t=-19185 [st=    0] +REQUEST_ALIVE  [dt=22472]
                     --> has_upload = true
                     --> is_pending = true
                     --> load_flags = 16384 (MAYBE_USER_GESTURE)
                     --> load_state = 14 (WAITING_FOR_RESPONSE)
                     --> method = "POST"
                     --> net_error = -1 (ERR_IO_PENDING)
                     --> status = "IO_PENDING"
                     --> url = "http://new.intltest.zomworkdev.com/loginapi/regsend"
t=  3286 [st=22471]    CANCELLED
t=  3287 [st=22472]   -URL_REQUEST_START_JOB
                       --> net_error = -3 (ERR_ABORTED)
t=  3287 [st=22472]    URL_REQUEST_DELEGATE  [dt=0]
t=  3287 [st=22472] -REQUEST_ALIVE

Can someone help me?
My post request was blocked by the browser and cancelled
There is no problem with https requesting http here.
I don't quite understand why it was cancelled.

Alex Kenny

@Zaldos

Hello everyone. I'm having an odd issue with Electron where I can debug the renderer and it attaches but when a second window opens (either another render or the dev tools) the Chrome Debugger Detaches itself :( Anyone else had this?

Tal

@t1a2l

Hello, I have a problem where some of my react components on debug doesn't recognize "this" but instead recognize "_this", It happens only while debugging.

Julian Zhu

@OrangeBorning

@OrangeBorning
Hi, i have a problem
delegate_blocked_by = "MojoAsyncResourceHandler"
I didn't find the right answer to this question on google.
My request was blocked by the browse
Chrome log points to this error

Somebody can help me

patty sweet

@pattysw50271739_twitter

Could someone tell be what stack player is and now everything is blocked even administrator by group policy

Pablo De Luca

@pdeluca_gitlab

Hi! if I use "request":"launch" is it possible to allow Chrome Extensions in that new Google Chrome Instance?

RonaldRex

@RonaldRex

hello buddy

I want to build spectacular apps in Angular

Dsparkle

@Dsparkle

hello everyone

jvquarck

@jvquarck

hi there!

I did a bit of monkey patching on angular-material in order to be able to use custom properties (css vars) for our dynamic theming, so far so good

anyone has toyed around with these? there is a little gotcha I can't get my head around :)

madalucard

@madalucard

Hi there, i just instal VS Code and there Debugger for Chrome. And i still have problem tu run it... always start chrome but localhost 8080 si somehow blocked so i cant see my project, i did not found and advices on web. So i am here.

hellboy81

@hellboy81

Is there possible to debug webpack enabled files in FireFox browser with restriction (no console available)

Shawn Rieger

@riegersn

Im using the debugger for chrome extension and have an issue where when loading my angularjs app in the browser for testing, the browser's dev tools opens almost all my project files in the sources tab and the debugger flashes "paused on exception" probably a few hundred times over the course of 5-10 seconds, then my page loads. Any ideas what could be causing this?

James Burgess

@jamesrburgess

Why does the web server need to be local?

Thiago Braga

@thiagobraga

Hi,
I'm not able to debug JavaScript with the extension "Debugger for Chrome", maybe due to Source Maps problems.
In "Breakpoints" box, I see the message Breakpoint ignored because generated code not found (source map problem?).
Here is my launch.json config:

"webRoot": "${workspaceFolder}",
"sourceMaps": true,
"sourceMapPathOverrides": {
  "/./*": "${workspaceFolder}/*",
  "/js/*": "${workspaceFolder}/js/*",
  "/new/*": "${workspaceFolder}/new/*",
}

My development URL is served from HTTPS, but I don't think that's the problem. And .scripts command in Debug Console apparently does not return errors:

...
› chrome-extension://ipdjnhgkpapgippgcgkfcbpdpcgifncb/jquery.js
› https://local.juridmais.com.br/new/js/jurid-web.js (/Projetos/jurid-web/jurid-web/new/js/jurid-web.js)
    - jquery-2.1.1.min.js (/Projetos/jurid-web/jurid-web/new/js/jquery-2.1.1.min.js)
    - jquery.ui.min.js (/Projetos/jurid-web/jurid-web/new/js/jquery.ui.min.js)
    - bootstrap.min.js (/Projetos/jurid-web/jurid-web/new/js/bootstrap.min.js)
    - jquery.dateFormat.js (/Projetos/jurid-web/jurid-web/new/js/jquery.dateFormat.js)
    - jquery.mark.min.js (/Projetos/jurid-web/jurid-web/new/js/jquery.mark.min.js)
    - perfect-scrollbar.jquery.min.js (/Projetos/jurid-web/jurid-web/new/js/perfect-scrollbar.jquery.min.js)
    - juridmais.js (/Projetos/jurid-web/jurid-web/new/js/juridmais.js)
   ...

Can anybody help me? I used to work normally with Debugger for Chrome and Source Maps, but I didn't debug anything a few weeks ago.

MattHubbell

@MattHubbell

Hi, i recently updated npm and now my VS code debugger launch to Chrome stopped working . I am getting an error message:

My launch.json is basic:

{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:4200",
"webRoot": "${workspaceFolder}"
}
]
}

Theresia Sofia Snow

@theresiasnow

exactly the same problem. Chrome debugger stopped working... Same settings

Theresia Sofia Snow

@theresiasnow

anyone?

Theresia Sofia Snow

@theresiasnow

found it! proxy.conf.json - https is now needed..

Theresia Sofia Snow

@theresiasnow

got the april update of VS code, now back to not working..

Zach Whitesel

@Calidus

I have into a weird issue, where an Angular App won't load when using chrome-debug, but it will load in a "normal" chrome window as well as firefox-debugging. Any suggestions?

I have run into*

Where communities thrive

People

Repo info

Activity