Angular debugging doesn't work (Chrome opens about:blank)
Using latest Webstorm 2022.3
I've tested it in two cases:
1. Completely new app (Angular 15, just created with Angular CLI, nothing special).
Tried to use default Angular CLI server configuration. Run command works fine, Chrome opens localhost:4200 and all good. When I'm trying to debug it, I'm getting message 'Waiting for connection to localhost:53644. Please ensure that the browser was started successfully with remote debugging port opened. Port cannot be opened if Chrome having the same User Data Directory is already launched.' Chrome opens about:blank page.
2. Old app (running on external web server, using existing config that previously worked!). Same,Chrome opens about:blank.
I've checked other similar topics suggesting removing of web-browsers.xml and other-options.xml, had no luck.
Also I've noticed "Debugging of Angular applications is only supported with Node.js version 16 and earlier." message here, I'm using v16.15.1. Should work?
Please sign in to leave a comment.
Please make sure that no Chrome instances are running when you start the debugger. If this doesn't help, you must have faced a network configuration issue - some certain dynamic port numbers are blocked on your system (by a firewall/proxy/etc). You can also try running
netsh interface ipv4 show excludedportrange protocol=tcp
to see if this port belongs to the excluded ports rangeYou can force the IDE to use a different port by shutting down the IDE and then removing both
<IDE config dir>\options\web-browsers.xml
and<IDE config dir>\options\other.xml
filesSimilar problems can also occur on Linux systems when using Chromium installed with snap due to permissions issues, see https://youtrack.jetbrains.com/issue/WEB-38511#focus=Comments-27-4472759.0-0 for more info/workaround.
I have the same problem, (windows), I updated IntelliJ to the lastest version, but still the same, this is the output of: "netsh interface ipv4 show excludedportrange protocol=tcp", I don't see a problem there, or should I?
Protocol tcp Port Exclusion Ranges
Start Port End Port
---------- --------
50000 50059 *
* - Administered port exclusions.
Please make sure that no Chrome instances are opened when you start the debugger
If it's not the case, try to force the IDE to use a different port by shutting down the IDE and then removing both
<IDE config dir>\options\web-browsers.xml
and<IDE config dir>\options\other.xml
files