Addon-docs: hot module replacement throws error #6738

glappsi · 2019-05-07T12:02:01Z

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

The text was updated successfully, but these errors were encountered:

shilman · 2019-07-24T15:42:27Z

@glappsi Sorry I missed this one. Are you still seeing this issue on the latest beta?

stale · 2019-08-15T06:15:30Z

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

stale · 2019-09-14T07:06:55Z

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!

rijkvanzanten · 2020-01-16T19:26:11Z

Hi @shilman, I'm encountering this issue on 5.3.3 using mdx + vue files for stories. It also seems to prevent me from refreshing the page with CMD+R; although I'm not a 100% sure if that's caused by the same error.

shilman · 2020-01-16T20:02:46Z

@rijkvanzanten this exact error? i thought zone-xxx was an angular thing..

rijkvanzanten · 2020-01-16T22:07:42Z

Hmm, same symptom caused by something else

runtime~main.c914f7f22c1adf320e20.bundle.js:sourcemap:92 Uncaught (in promise) Error: Manifest request to c914f7f22c1adf320e20.hot-update.json timed out.
    at XMLHttpRequest.request.onreadystatechange (runtime~main.c914f7f22c1adf320e20.bundle.js:sourcemap:92)
request.onreadystatechange @ runtime~main.c914f7f22c1adf320e20.bundle.js:sourcemap:92
Promise.then (async)
check @ vendors~main.c914f7f22c1adf320e20.bundle.js:sourcemap:195524
push../node_modules/webpack-hot-middleware/process-update.js.module.exports @ vendors~main.c914f7f22c1adf320e20.bundle.js:sourcemap:195486
processMessage @ vendors~main.c914f7f22c1adf320e20.bundle.js:sourcemap:195379
handleMessage @ vendors~main.c914f7f22c1adf320e20.bundle.js:sourcemap:195239
handleMessage @ vendors~main.c914f7f22c1adf320e20.bundle.js:sourcemap:195202

rijkvanzanten · 2020-01-16T22:13:13Z

It starts happening to me as soon as I have more than 1 <Story> component inside a <Preview> component.

Works:

<Preview mdxSource={`<v-icon name="person" color="--blue-grey" />`}>
	<Story name='intro' height='40px'>{{
	components: { VIcon },
	template: '<v-icon name="person" color="--blue-grey" />',
	}}</Story>
</Preview>

Causes the error:

<Preview mdxSource={`
<v-icon name="star" color="--light-blue" sup />
<v-icon name="accessibility_new" color="--red" x-small />
<v-icon name="warning" color="--purple" small />
<v-icon name="gesture" color="--blue" />
<v-icon name="security" color="--green" large />
<v-icon name="person" color="--orange" x-large />
`}>
	<Story name="sup" height="60px">
		{{
			components: { VIcon },
			template: `<v-icon name="star" color="--light-blue" sup />`
		}}
	</Story>
	<Story name="x-small" height="60px">
		{{
			components: { VIcon },
			template: `<v-icon name="accessibility_new" color="--red" x-small />`
		}}
	</Story>
	<Story name="small" height="60px">
		{{
			components: { VIcon },
			template: `<v-icon name="warning" color="--purple" small />`
		}}
	</Story>
	<Story name="default" height="60px">
		{{
			components: { VIcon },
			template: `<v-icon name="gesture" color="--blue" />`
		}}
	</Story>
	<Story name="large" height="60px">
		{{
			components: { VIcon },
			template: `<v-icon name="security" color="--green" large />`
		}}
	</Story>
	<Story name="x-large" height="60px">
		{{
			components: { VIcon },
			template: `<v-icon name="person" color="--orange" x-large />`
		}}
	</Story>
</Preview>

rijkvanzanten · 2020-01-17T19:21:32Z

Scratch that, I'm seeing it without multiple items per preview now too. Maybe it's caused by the total item of elements.. ?

shilman · 2020-01-17T23:48:17Z

@rijkvanzanten Are you using Vue inline story rendering in SB Docs, or iframes?

rijkvanzanten · 2020-01-18T22:23:12Z

I tried both, doesn't seem to make a difference

shilman · 2020-01-19T01:28:26Z

@rijkvanzanten I tried adding your example to our vue-kitchen-sink and could not repro. Can you check your setup?

Example: ee29dba

rijkvanzanten · 2020-01-20T17:06:35Z

This is happening for me in a pretty big project. Let me try to delete everything but the storybook story so you have an accurate reproduction 👍

tommyc38 · 2020-02-04T18:30:33Z

I get this error all the time and now the only way I can fix it is by restarting the server which is really painful. I did notice that it seems to happen with particular stories. Once those stories are introduced, everytime there is an update I get a similar hot update error message. Below is a snapshot of my deps that might be helpful.

    "@angular/core": "^8.2.14",
    "@storybook/addon-actions": "5.3.5",
    "@storybook/addon-centered": "5.3.5",
    "@storybook/addon-docs": "5.3.5",
    "@storybook/addon-knobs": "5.3.5",
    "@storybook/addon-links": "5.3.5",
    "@storybook/addon-notes": "5.3.5",
    "@storybook/addon-storysource": "5.3.5",
    "@storybook/addon-viewport": "5.3.5",
    "@storybook/addons": "5.3.5",
    "@storybook/angular": "5.3.5",
    "@storybook/react": "5.3.5",
    "@storybook/source-loader": "5.3.5",

shilman · 2020-02-04T23:25:19Z

@tommyc38 do you have a repro I can look at?

stale · 2020-02-27T05:03:51Z

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

maxigimenez · 2020-03-23T10:10:37Z

Same error on angular too

shilman · 2020-03-23T16:02:21Z

@maxigimenez do you have a repro repo?

maxigimenez · 2020-03-23T16:45:02Z

@shilman Sadly no, is a private repository. I will try to set-up a new one!

stale · 2020-04-13T16:48:34Z

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

stale · 2020-05-13T16:57:23Z

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!

ChazUK · 2021-03-03T19:03:59Z

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

shilman added addon: docs question / support labels May 9, 2019

stale bot added the inactive label May 30, 2019

shilman added this to the 5.2.0 milestone Jun 3, 2019

stale bot removed the inactive label Jun 3, 2019

stale bot added the inactive label Jun 24, 2019

stale bot closed this as completed Jul 24, 2019

shilman reopened this Jul 24, 2019

stale bot removed the inactive label Jul 24, 2019

storybookjs deleted a comment from stale bot Jul 24, 2019

stale bot added the inactive label Aug 15, 2019

stale bot closed this as completed Sep 14, 2019

rijkvanzanten mentioned this issue Jan 16, 2020

Addon-Docs: Configurable Source snippetization #7479

Closed

shilman reopened this Jan 17, 2020

stale bot removed the inactive label Jan 17, 2020

stale bot added the inactive label Feb 27, 2020

stale bot removed the inactive label Mar 23, 2020

shilman closed this as completed Mar 23, 2020

shilman reopened this Mar 23, 2020

stale bot added the inactive label Apr 13, 2020

stale bot closed this as completed May 13, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Addon-docs: hot module replacement throws error #6738

Addon-docs: hot module replacement throws error #6738

glappsi commented May 7, 2019

shilman commented Jul 24, 2019

stale bot commented Aug 15, 2019

stale bot commented Sep 14, 2019

rijkvanzanten commented Jan 16, 2020 •

edited

Loading

shilman commented Jan 16, 2020

rijkvanzanten commented Jan 16, 2020

rijkvanzanten commented Jan 16, 2020

rijkvanzanten commented Jan 17, 2020

shilman commented Jan 17, 2020 •

edited

Loading

rijkvanzanten commented Jan 18, 2020

shilman commented Jan 19, 2020 •

edited

Loading

rijkvanzanten commented Jan 20, 2020

tommyc38 commented Feb 4, 2020

shilman commented Feb 4, 2020

stale bot commented Feb 27, 2020

maxigimenez commented Mar 23, 2020

shilman commented Mar 23, 2020

maxigimenez commented Mar 23, 2020 •

edited

Loading

stale bot commented Apr 13, 2020

stale bot commented May 13, 2020

ChazUK commented Mar 3, 2021

Addon-docs: hot module replacement throws error #6738

Addon-docs: hot module replacement throws error #6738

Comments

glappsi commented May 7, 2019

shilman commented Jul 24, 2019

stale bot commented Aug 15, 2019

stale bot commented Sep 14, 2019

rijkvanzanten commented Jan 16, 2020 • edited Loading

shilman commented Jan 16, 2020

rijkvanzanten commented Jan 16, 2020

rijkvanzanten commented Jan 16, 2020

rijkvanzanten commented Jan 17, 2020

shilman commented Jan 17, 2020 • edited Loading

rijkvanzanten commented Jan 18, 2020

shilman commented Jan 19, 2020 • edited Loading

rijkvanzanten commented Jan 20, 2020

tommyc38 commented Feb 4, 2020

shilman commented Feb 4, 2020

stale bot commented Feb 27, 2020

maxigimenez commented Mar 23, 2020

shilman commented Mar 23, 2020

maxigimenez commented Mar 23, 2020 • edited Loading

stale bot commented Apr 13, 2020

stale bot commented May 13, 2020

ChazUK commented Mar 3, 2021

rijkvanzanten commented Jan 16, 2020 •

edited

Loading

shilman commented Jan 17, 2020 •

edited

Loading

shilman commented Jan 19, 2020 •

edited

Loading

maxigimenez commented Mar 23, 2020 •

edited

Loading