Search code examples
debuggingwebstormliveedit

Why does WebStorm's LiveEdit not work in Chrome?

I am exploring WebStorm's trial version and would like to use the LiveEdit features.

I am not able to use the LiveEdit features after performing the following actions:

  1. Made sure that LiveEdit is turned on
  2. Installed the Chrome extension
  3. Restarted the browser after installing the extension (I still suspect it is not required)
  4. Run the HTML page in chrome

When I modify the HTML body, I don't see the changes reflected in Chrome.

I read on a forum that netty is not required.

Do we need it?

What else do I need to configure so that I can use the LiveEdit feature?

PS: I am using WebStorm 5.0.

Solution

  • Do you happen to have IntelliJ open by chance? The point is that the port, 63342, is 'seized' by another app (even if it has nothing to do with HTML debugging).

    When the port is busy, LiveEdit tries the next one, 63343. If you right click the JB icon on Chrome, choose Options, increment the port by one, and press Apply, you will magically connect. I wish Jetbrains would have bothered to inform the user what is the port that they are currently attempting to use.

    In my PC it happened when I had Mac on. Either one of the following worked: 1. Kill IntelliJ IDEA (that was also open) and try again 2. Increment the port by one as I mentioned above.