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.

Addon-docs: hot module replacement throws error

See original GitHub issue

Describe the bug I am using storybook for angular. Since I installed the addon-docs and created my first mdx file, the hot moddule replacement crashes with following error

Unhandled Promise rejection: Manifest request to b3fa85f7c6693e1eaa33.hot-update.json timed out. ; Zone: <root> ; Task: Promise.then ; Value: Error: Manifest request to b3fa85f7c6693e1eaa33.hot-update.json timed out.
at XMLHttpRequest.request.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (runtime~main.b3fa85f7c6693e1eaa33.bundle.js:sourcemap:91)
    at XMLHttpRequest.wrapFn (vendors~main.b3fa85f7c6693e1eaa33.bundle.js:sourcemap:208211)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (vendors~main.b3fa85f7c6693e1eaa33.bundle.js:sourcemap:207302)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (vendors~main.b3fa85f7c6693e1eaa33.bundle.js:sourcemap:207074)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (vendors~main.b3fa85f7c6693e1eaa33.bundle.js:sourcemap:207377)
    at invokeTask (vendors~main.b3fa85f7c6693e1eaa33.bundle.js:sourcemap:208623)
    at XMLHttpRequest.globalZoneAwareCallback (vendors~main.b3fa85f7c6693e1eaa33.bundle.js:sourcemap:208649) Error: Manifest request to b3fa85f7c6693e1eaa33.hot-update.json timed out.
    at XMLHttpRequest.request.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (http://localhost:6006/runtime~main.b3fa85f7c6693e1eaa33.bundle.js:91:16)
    at XMLHttpRequest.wrapFn (http://localhost:6006/vendors~main.b3fa85f7c6693e1eaa33.bundle.js:208211:39)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:6006/vendors~main.b3fa85f7c6693e1eaa33.bundle.js:207302:31)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:6006/vendors~main.b3fa85f7c6693e1eaa33.bundle.js:207074:47)
    at ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (http://localhost:6006/vendors~main.b3fa85f7c6693e1eaa33.bundle.js:207377:34)
    at invokeTask (http://localhost:6006/vendors~main.b3fa85f7c6693e1eaa33.bundle.js:208623:14)
    at XMLHttpRequest.globalZoneAwareCallback (http://localhost:6006/vendors~main.b3fa85f7c6693e1eaa33.bundle.js:208649:17)

To Reproduce Steps to reproduce the behavior:

Set up storybook for angular
Install and configure addon-docs
Create mdx

Expected behavior Hot module replacement should work.

System:

OS: MacOS
Device: Macbook Pro 2018
Browser: chrome
Framework: angular
Addons: docs
Version: 5.2.0-alpha.3

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:21 (6 by maintainers)

Top GitHub Comments

9reactions

stale[bot]commented, May 13, 2020

Hey there, it’s me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!

2reactions

ChazUKcommented, Mar 3, 2021

This is also happening for me, will see if I can reproduce it, but it seems to happen when I have around 5 stories in MDX docs

Top Results From Across the Web

Uncaught Error: [HMR] Hot Module Replacement is disabled

I'm using webpack for my build which works without any problems using the webpack-dev-server ( npm run watch ), however when I try...

uncaught typeerror: cannot read properties of undefined (reading ...

In order to find a potential solution to this issue, I had to tinker with the optimization module, which was indeed the issue...

Hot Module Replacement - webpack

err : the error thrown by the callback in second argument or during dependency execution when using ESM dependencies. moduleId : the current...

@storybook/react | Yarn - Package Manager

Storybook for React: Develop React Component in isolation with Hot Reloading. storybook. readme. Storybook. Build bulletproof UI components faster. Build Status ...

MDX Docs doesn't display after upgrades to React ... - Issuehunt

If I run npm run build-storybook , it throws a consistent bulk error of: WARN export ... node_modules/webpack-hot-middleware/client.js?reload=true&quiet= ...