search

responsively-org / responsively-app

A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
https://responsively.app
GNU Affero General Public License v3.0
22.68k stars 1.18k forks source link

Error: -324 ERR_EMPTY_RESPONSE on http://localhost:3000/ #356

Open adisher opened 4 years ago

adisher commented 4 years ago

I am using Windows 10 and recently found out this great looking app. I am developing a site in Reactjs and on loading my localhost:3000, the desktop app responds with an error Error: -324 ERR_EMPTY_RESPONSE.

Maybe I am missing a detail? Please guide me on it.

manojVivek commented 4 years ago

@adisher It looks like the dev server is returning an empty response.

Are you sure the URL is loading fine on Chrome/Firefox?

adisher commented 4 years ago

@adisher It looks like the dev server is returning an empty response.

Are you sure the URL is loading fine on Chrome/Firefox?

Sorry for responding late! I got busy with the project. The URL localhost:3000 works fine at Chrome until I launch it in Responsively App. Then it stops responding on both sides.

But then, if I change the port to let's say localhost:3001, it works fine on both sides. I've reproduced it twice now!

One more thing, my menu icon is set up in a way that it displays only on the small screens. But, when I click the menu icon on a mobile screen inside the app, it also triggers on big screen (iPad Pro specifically). The issue itself doesn't bother me as my main concern is to keep track of responsiveness. Still it's an issue that appeared. Besides, I really loved the app!

manojVivek commented 4 years ago

Sorry for responding late! I got busy with the project. The URL localhost:3000 works fine at Chrome until I launch it in Responsively App. Then it stops responding on both sides.

But then, if I change the port to let's say localhost:3001, it works fine on both sides. I've reproduced it twice now!

This is strange. Maybe it is something specific in your project setup that is causing it? Can you try opening the URL on both Chrome and Firefox? Just to confirm it doesn't happen there.

One more thing, my menu icon is set up in a way that it displays only on the small screens. But, when I click the menu icon on a mobile screen inside the app, it also triggers on big screen (iPad Pro specifically). The issue itself doesn't bother me as my main concern is to keep track of responsiveness. Still it's an issue that appeared. Besides, I really loved the app!

This is the intended behavior. We mirror events like click, scroll, etc. So the click mirroring is triggering the menu on iPad Pro.