Storybook: Hot reload broken
See original GitHub issueBug Description
Hot reloading does not work post webpack 5 upgrade: #5792
Expected Behaviour
hot reloading should work with storybook + webpack 5.
Steps to Reproduce
- run storybook with
npm run storybook
- edit code that is used in any story
- see warnings in logs.
Screenshots
Saving a file that storybook is watching will flood the console with warnings like this:
Additional Context
Possibly a webpack issue. Verified that this update sort of fixes the problem, but it involves updating webpack-hot-middleware
. It’s pretty slow and ends up logging other stuff to the console.
Issue Analytics
- State:
- Created 2 years ago
- Comments:8 (6 by maintainers)
Top Results From Across the Web
Webpack Hot Reload not working in react Storybook 6.0-rc.9
@shilman I'm on storybook 6.0.21 and the storybook doesn't hot reload still any changes to custom webpack.config.js is this expected?
Read more >Storybook webpack repeatedly rebuilding (hot reloading over ...
My CPU goes crazy and it drains my battery. After the build finishes, it immediately starts rebuilding. It's like it is hot reloading...
Read more >CLI options - Storybook
Storybook comes with two CLI utilities: start-storybook and build-storybook . Storybook collects completely anonymous data to help us improve user experience.
Read more >Hot reloading issue with angular 11 #13243 - Issuehunt
After using storybook since issue was reported, it is noticeable that HMR doesn't work consistently. · @nomadoda I have redone the steps and...
Read more >@storybook/react - npm
Storybook for React: Develop React Component in isolation with Hot Reloading.. Latest version: 6.5.15, last published: 10 days ago.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Using [webpack's CircularDependencyPlugin](https://www.npmjs.com/package/circular-dependency-plugin) found more:
Pretty strange indeed. If I get a chance this week I’ll try to set up a storybook + webpack 5 project from scratch to see if I can reproduce it
Would be great if storybook 6.5 fixes it too 😃