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.

@storybook/vue floods my console with peer dependency warnings on every upgrade

See original GitHub issue

Describe the bug

Installing @storybook/vue 6 generates a lot of peer dependency warnings, mostly for React and Typescript dependencies. My project uses neither of those things, so it’s odd that I’m expected to supply them. If @storybook/core or the like has a dependency on React, it would be reasonable for @storybook/vue to fulfill that dependency in its package definition, rather than propagating the missing dependency upwards. I’m also confused about the Typescript dependency, because I would hope that Storybook isn’t depending on its consumer to compile its Typescript files?

To Reproduce

mkdir temp; cd temp;
Follow the documented manual install steps, but use the next tag: yarn add -D @storybook/vue@next vue-loader vue-template-compiler @babel/core babel-loader babel-preset-vue
Observe warnings:

warning "@storybook/vue > ts-loader@6.2.2" has unmet peer dependency "typescript@*".                                                                                              
warning "@storybook/vue > @storybook/addons@6.0.0-rc.1" has unmet peer dependency "react@*".                                                                                      
warning "@storybook/vue > @storybook/addons@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                                                  
warning "@storybook/vue > @storybook/addons > @storybook/router@6.0.0-rc.1" has unmet peer dependency "react@*".                                                                  
warning "@storybook/vue > @storybook/addons > @storybook/router@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                              
warning "@storybook/vue > @storybook/addons > @storybook/api@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                                 
warning "@storybook/vue > @storybook/addons > @storybook/theming@6.0.0-rc.1" has unmet peer dependency "react@*".                                                                 
warning "@storybook/vue > @storybook/addons > @storybook/theming@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                             
warning "@storybook/vue > @storybook/core@6.0.0-rc.1" has unmet peer dependency "react@*".                                                                                        
warning "@storybook/vue > @storybook/core@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                                                    
warning "@storybook/vue > @storybook/addons > @storybook/router > @reach/router@1.3.4" has unmet peer dependency "react@15.x || 16.x || 16.4.0-alpha.0911da3".                    
warning "@storybook/vue > @storybook/addons > @storybook/router > @reach/router@1.3.4" has unmet peer dependency "react-dom@15.x || 16.x || 16.4.0-alpha.0911da3".                
warning "@storybook/vue > @storybook/addons > @storybook/theming > @emotion/core@10.0.28" has unmet peer dependency "react@>=16.3.0".                                             
warning "@storybook/vue > @storybook/addons > @storybook/theming > @emotion/styled@10.0.27" has unmet peer dependency "react@>=16.3.0".                                           
warning "@storybook/vue > @storybook/addons > @storybook/theming > emotion-theming@10.0.27" has unmet peer dependency "react@>=16.3.0".                                           
warning " > babel-loader@8.1.0" has unmet peer dependency "webpack@>=2".                                                                                                          
warning "@storybook/vue > @storybook/core > @storybook/client-api@6.0.0-rc.1" has unmet peer dependency "react@*".                                                                
warning "@storybook/vue > @storybook/core > @storybook/client-api@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                            
warning "@storybook/vue > @storybook/core > @storybook/components@6.0.0-rc.1" has unmet peer dependency "react@*".                                                                
warning "@storybook/vue > @storybook/core > @storybook/components@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                            
warning "@storybook/vue > @storybook/addons > @storybook/router > @reach/router > create-react-context@0.3.0" has unmet peer dependency "react@^0.14.0 || ^15.0.0 || ^16.0.0".    
warning "@storybook/vue > @storybook/addons > @storybook/theming > @emotion/styled > @emotion/styled-base@10.0.31" has unmet peer dependency "react@>=16.3.0".                    
warning " > @storybook/vue@6.0.0-rc.1" has unmet peer dependency "css-loader@*".                                                                                                  
warning " > @storybook/vue@6.0.0-rc.1" has unmet peer dependency "react@*".                                                                                                       
warning " > @storybook/vue@6.0.0-rc.1" has unmet peer dependency "react-dom@*".                                                                                                   
warning " > @storybook/vue@6.0.0-rc.1" has unmet peer dependency "ts-loader@^6.2.2".                                                                                              
warning " > @storybook/vue@6.0.0-rc.1" has unmet peer dependency "vue@^2.6.8".                                                                                                    
warning " > vue-loader@15.9.3" has unmet peer dependency "css-loader@*".                                                                                                          
warning " > vue-loader@15.9.3" has unmet peer dependency "webpack@^3.0.0 || ^4.1.0 || ^5.0.0-0".                                                                                  
warning " > babel-loader@8.1.0" has unmet peer dependency "webpack@>=2".

Issue Analytics

State:
Created 3 years ago
Comments:21 (7 by maintainers)

Top GitHub Comments

38reactions

doutatsucommented, Nov 4, 2021

This has been an issue for ages now. Bumping this up again, I’d like to stop seeing this useless warnings

4reactions

allanlewiscommented, Mar 23, 2021

We just upgraded from 5.x to 6.1.21 and we’re still getting a bunch of warnings from yarn like this:

warning "@storybook/addon-actions > @storybook/addons@6.1.21" has unmet peer dependency "react@^16.8.0 || ^17.0.0".

This is despite react@16.13.1 being installed, so I’m not sure what’s going on.

Top Results From Across the Web

Bug listing with status RESOLVED with resolution TEST ...

Bug:233 - "Emacs segfaults when merged through the sandbox. ... in x11-misc doesn't compile, in spite of the fact that all dependencies had...

YVp - River Thames Conditions - Environment Agency - GOV.UK

Dcuo alerts and duos, Tabaqui the jackal, Isabella's nyc zagat, Virtual avatar ... Espalier fruit trees in containers, Liverpool lime street beatles story, ......

Compare Packages Between Distributions - DistroWatch.com

For indication about the GNOME version, please check the "nautilus" and "gnome-shell" packages. The apache web server is listed as "httpd" and the...

NPM: npm peer dependency conflict - vue.js - Stack Overflow

What fixed this issue for me was simply removing the node_modules folder and then pasting the package versions in the package json ...

Untitled

Brautcorsage 90 c, Raycom sports television schedule, All in all azhagu raja music ... Church of the holy sepulchre fight, Library book search...