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?

1
3 comments

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 range

You 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 files

Similar 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.

0

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.

0

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

0

Please sign in to leave a comment.