Questions tagged [chrome-debugging]
100 questions
4
votes
1 answer
How to debug dynamically-loaded scripts in VSCode for Chrome debugging
It is impossible to set a breakpoint in a dynamically-loaded script in VSCode.
They turn out to be unverified breakpoints.
Unverified breakpoint, Breakpoint ignored because generated code not
found (source map problem?).
I tried various…
Charlie
- 22,886
- 11
- 59
- 90
4
votes
1 answer
Cannot Install Debugger for Chrome into Visual Studio Code
As the subject reads, I cannot install Debugger for Chrome extension in Visual Studio Code (Version: 1.23.0). As suggested in other posts, I closed VS Code, went out to User.vscode\extensions, removed any reference to it, and restarted VS Code. I…
rantlr
- 67
- 6
3
votes
1 answer
How to prevent React / React Native from automatically attaching a stacktrace to my console warnings in the React Native Debugger
I like to use the console to debug my React-Native (0.63.4) application.
For some time now, React seems to automatically add a stack trace to my console.warn and console.error logs.
For example, the logs look like this in the Chrome debugger:
As…
Christoph Göttert
- 619
- 7
- 20
3
votes
0 answers
Chrome devtools debugger: see scope variables at different places in call stack
When I click at different locations in the call stack, the context variables listed under Scope don't change. I'm new to JS and am familar with using tools like PDB and PyCharm for Python where I can see local variables at different places in the…
user7982442
3
votes
1 answer
How to debug angular application using Visual Studio Code + VSCode remote + Chrome debugger
We have an angular application (angular 8), the code is set up on an Ubuntu vm.
and using Visual Studio Code + Remote Development Tool (Microsoft) for development.
While development is working fine I am facing issues while debugging the…
Ketu
- 1,608
- 2
- 14
- 30
3
votes
1 answer
Unable to get the Chrome debugger to work via launch in Visual Studio Code for an Angular 8 project
Upon upgrading Angular to version 8, I am now unable to run the Chrome debugger within Visual Studio Code.
I have not changed my launch.json which is similar to the following:
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome…
thxmike
- 614
- 1
- 7
- 25
3
votes
1 answer
Confusing HTTP/2 protocol information in Chrome debugger Network tab
I see some of them show "h2" and some "http/2+quic/43" but never "h2+quic/43". What's the difference between h2 and http/2 in this case? And what's the "43" in "quic/43"? Protocol version or port number?
Kok How Teh
- 3,298
- 6
- 47
- 85
3
votes
1 answer
Error connection refused while starting angular project
Someday I was creating projects in Angular 4 and I want to do this again but on a newer version of Angular.
What I did:
1.) Installation of Visual Studio Code.
2.) Installation of Nodejs:
Node version is 10.15.1
Npm version is 6.4.1
3.)…
Robert Daraż
- 323
- 2
- 19
2
votes
0 answers
Webpack source maps imported object highlighting in chrome debugger
We're implementing webpack build tools into our SPA project (which is quite big).
We're using typescript and the target of bundle is ES6 and ES modules system.
My question is about source maps generated by webpack and their behavior in debbuger.
We…
Laston
- 71
- 4
2
votes
1 answer
Cannot debug Vue app in Chrome with Visual Studio Code - Unbounded Break Points
I am trying to debug a Vue app using VSC. I have the following launch.json
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit:…
Russell Longo
- 23
- 1
- 3
2
votes
0 answers
How to debug reactjs from command line and attach it to chrome debugger
I'm new to reactjs, I created a project using the init command, and run the sample using the npm start however I was wondering if there is a way to run it on debug mode and attach it to the chrome debugger. I have tried something like node…
MPar
- 58
- 6
2
votes
2 answers
Angular component reloads when pressing the Chrome debug tool rotate to landscape button
Using Chrome devtools, toggling between regular and landscape view on a specific phone/tablet (not responsive),
the app reloads the component and app.component.ts (constructor and ngOnInit)
QUESTION - Is this expected behavior? I wasn't noticing…
chuckd
- 13,460
- 29
- 152
- 331
2
votes
0 answers
How to fix error ''Cannot connect to runtime process" when debugging Angular application with Chrome in VS code?
I am trying to debug my Angular application using VScode. If I start my computer up, run the application and launch my debugger straight away it works fine.
The problem begins after I have been working a while, opening programs and opening different…
codeThinker123
- 664
- 1
- 6
- 16
2
votes
0 answers
Convert keyboard shortcut label to Input.dispatchKeyEvent (JavaScript)
I want to use the Input.dispatchKeyEvent API defined at https://chromedevtools.github.io/devtools-protocol/tot/Input/
An example invocation of this API is:
const eventArgs = {
'modifiers': 0,
'text': 'e',
'unmodifiedText': 'e',
'key': 'e',
…
kufudo
- 91
- 1
- 4
2
votes
2 answers
Debugging Vue In chrome does not showing the original vue component
I am new in Vue Js. I am developing a project in Laravel 7.* with Vue js.
My Vue Project Structure
app.js File contains:
require('./bootstrap');
window.Vue = require('vue');
Vue.config.debug = true;
Vue.config.devtools =…
Manoz Biswas
- 142
- 1
- 2
- 13