Can't get javascript debugger to work
I'm using WebStorm 2017.1. When I try to open the HTML file in the browser I get "This site can't be reached" the URL is "http://localhost:63342/personal-page/src/index.html?_ijt=70oovbm3tagpjh801po9nuqsuf". Same if I use "run" button.
However, if I run "Debug" It opens a new browser window and does nothing else.
Output from the console described in "How do I know what's wrong"
browser-ext-bootstrap.js:85 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
$fa @ browser-ext-bootstrap.js:85
106browser-ext-bootstrap.js Failed to load resource
$fa @ browser-ext-bootstrap.js:86
bootstrap.kt:96 GET http://127.0.0.1:63342/browserConnection/buildInfo
$fa @ bootstrap.kt:96
$f4 @ bootstrap.kt:75
$fun @ timer.kt:49
bootstrap.kt:96 GET http://127.0.0.1:63342/browserConnection/buildInfo
Both chrome extension and IDE are set to port 63342
Please sign in to leave a comment.
Please can you attach screenshot of Chrome with "This site can't be reached" error? Can you open this same page in other browsers?
I forgot to say. I'm using Ubuntu 16.10
Please can you attach screenshot of Chrome with "This site can't be reached" error? Can you open this same page in other browsers?
Chrome Version 57.0.2987.133 (64-bit)
The firewall is turned off and no proxy is set.
In your FireFox screenshot, address is `www.localhost.com` instead of 'localhost` :).
Can you attach you idea.log (don't paste it here, upload it to file server and provide a link)?
This address is being opened by webstorm when I choose open with firefox.
Log file: https://ghostbin.com/paste/rfh53
Your log contains tons of NoClassDefFoundError, NoSuchMethodError and ClassNotFoundException errors, including
Channel will be closed due to error
org.jetbrains.io.BuiltInServer - io.netty.handler.codec.http.cors.CorsConfig.<init>(Lio/netty/handler/codec/http/cors/CorsConfigBuilder;)V
java.lang.NoSuchMethodError: io.netty.handler.codec.http.cors.CorsConfig.<init>
...
that is causing the described issue.
Your installation is corrupted. Please remove it completely and re-install from scratch, making sure to extract the downloaded archive into the EMPTY folder, not over existing installation
It's working now! Thanks for the awesome support!
I'm having the same issue with Webstorm 2018.3.2.
Today I have put computer on sleep and when I came back Webstorm was not responding, so I force-quited it and restarted. First even ng-serve wasn't working so I restarted whole computer and killed all processes using 4200 port. After that ng-serve is working, but debugging is not. Constantly gettiing error messages that chrome extension must be installed and listening on port 63342. I have tried to uninstall and install again webstorm and chrome extension with no luck. I have toolbox installed so I reinstalled webstorm via toolbox.
here are the errors from plugin.
Looks similar to https://youtrack.jetbrains.com/issue/WEB-36675.
Try disabling Use JetBrains IDE Support extension for debugging and Live Edit in Settings | Build, Execution, Deployment | Debugger | Live Edit - does it help?
Yes that works, but then chrome opens debugging session in new window and extension is not used.
Ok I fixed the issue so for any people having the same problem in future here what I have done to make ti work and what (could) be wrong:
I had a problem that webstorm became unresponsive after computer wake up, so I had to force-quit it. After that npm serve and debugging sessions were still running on computer so you have to kill npm serve applications that uses 4200 (or whatever port you are using) port and kill them:
Use port you are using for your server. This should kill all webstorm and chrome processes. After that, run webstorm and chrome again and delete browser history (Settings -> More Tools -> Clear browsing data -> Advanced). Make sure to have have Hosted app data checked and delte at least for one 24h or more of data. After that, quit Chrome (really quit cmd+Q and alt+F4 on windows) and run chrome again. Run debugger with chrome extension again and it should work.
My problem was not with webstorm, but with Chrome having some settings corrupted.