Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

issue when using webpack-hot-middleware

See original GitHub issue

Reproduction

Can’t share my repo as it’s internal on the company but we are using https://github.com/webpack-contrib/webpack-hot-middleware To hot reload the app; We upgraded to version 10.3.4of preact and everything worked just fine, but on version 10.4.0 something is making the __webpack_hmr event to hang indefinitely.

Did anything related to webpack processing changed? I know this is a longshot but I wanted to see if something changed.

Expected Behavior

Our app to load!

Actual Behavior

Our app never loads and it hangs in there indefinitely.

Feel free to close if it’s too vague, for now we’ll probably lock to 10.3.4

Issue Analytics

State:
Created 3 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

wintercountercommented, Apr 9, 2020

We don’t know if our problem is related to this, but since 10.4.0 our Lazy components stopped working, nothing is rendered, and we need to resize our browser horizontally (!) to make it rendered. It’s a simple Suspense + Lazy. We did try with returning a simple string only in our Lazy component, not working. With 10.3.4 everything’s fine. Something is definitely wrong with the new version. We’re still investigating, I’ll post new details later/create new issue if we know more. (We’re using compat).

0reactions

davixyzcommented, Apr 10, 2020

Just to comment, we also load lazily our components using https://github.com/faceyspacey/react-universal-component; I’ll try to make something as well to see if I can reproduce

Top Results From Across the Web

Issues · webpack-contrib/webpack-hot-middleware - GitHub

Webpack hot reloading you can attach to your own server - Issues · webpack-contrib/webpack-hot-middleware.

webpack-hot-middleware - npm

Start using webpack-hot-middleware in your project by running `npm i webpack-hot-middleware`. There are 2236 other projects in the npm ...

Top 5 webpack-hot-middleware Code Examples - Snyk

To help you get started, we've selected a few webpack-hot-middleware examples, based on popular ways it is used in public projects. Secure your...

Development - webpack

webpack -dev-middleware is a wrapper that will emit files processed by webpack to a server. This is used in webpack-dev-server internally, however it's...

How to use Webpack Hot Middleware / Webpack Hot Reload ...

It seems, webpack hot-module-replacement always tries to make its hmr endpoint (I think the websocket for detecting/serving changes) hardcoded ...