PHPStorm JS debugging stopped working
Hello, I've been using PHPStorm for about a year now, to work on a decoupled Drupal project. The frontend we're using is Angular, and I had been able to debug in Javascript (using Chrome) and PHP just fine until a recent update to Windows 10. For whatever reason that update broke Javascript debugging for me.
I normally run my frontend project using 'ng serve --disable-host-check', then run the debugger which opens a Chrome window which in turn opens my project. Now I just get a Chrome window that stays on 'about:blank' and never loads my project. PHPStorm will complain that it can't connect to the debug port, which is a random port for the most part. It's like it can no longer set the port when Chrome opens.
I have it set to open Chrome using a custom user data directory.
This is on an Oracle VirtualBox VM that I just use for development.
I've read through the instructions on setting this up again and can't seem to fix it. In the past just to get it working again I would roll back my VM to before the updates and it would be fine. But a recent screwup lost my backup data and I can no longer just roll my VM back, so now I need to actually find and fix the problem.
I removed and reinstalled Chrome, which didn't help. I updated PHPStorm to 2023.1 and that didn't help.
I can go to http://localhost:<port>/json/protocol and see the usual JSON, so the Chrome port IS open and seems to work. It just seems like PHPStorm isn't able to configure the browser that it opens.
Please sign in to leave a comment.
This can be closed. I updated the the newest version and rebooted again and it started working. All I can assume is that a combination of the OS being out of date, Chrome being out of date, Java needing to be updated, and the IDE needing to be updated, caused some odd issues.