question-mark
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.

Version issues: UNMET PEER DEPENDENCY @kadira/storybook@1.22.1

See original GitHub issue

I am suddenly getting this error when starting storybook:

ERROR in ./~/react-material-color-picker/dist/ic_done_black_64dp_1x.png
Module parse failed: D:\code\meteor\mantra-sample-blog-app\node_modules\react-material-color-picker\dist\ic_done_black_64dp_1x.png Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected character '�' (1:0)

npm tells me that there are dependency issues:

D:\code\meteor\mantra-sample-blog-app>npm update storybook --save-dev

D:\code\meteor\mantra-sample-blog-app>npm i storybook --save-dev
npm WARN install Couldn't install optional dependency: Unsupported
mantra-demo@0.4.1 D:\code\meteor\mantra-sample-blog-app
├── UNMET PEER DEPENDENCY @kadira/storybook@1.22.1
├── UNMET PEER DEPENDENCY immutability-helper@~2.0.0
├── UNMET PEER DEPENDENCY react-addons-css-transition-group@~0.14.0 || ~15.3.0
├── UNMET DEPENDENCY react-tap-event-plugin@^1.0.0
└── storybook@0.0.0

npm WARN EPEERINVALID material-ui@0.15.4 requires a peer of react-tap-event-plugin@^1.0.0 but none was installed.
npm WARN EPEERINVALID react-toolbox@1.2.3 requires a peer of immutability-helper@~2.0.0 but none was installed.
npm WARN EPEERINVALID react-toolbox@1.2.3 requires a peer of react-addons-css-transition-group@~0.14.0 || ~15.3.0 but none was installed.
npm WARN EPEERINVALID storybook-addon-material-ui@0.7.2 requires a peer of @kadira/storybook@^2.18.1 but none was installed.

The funnest part:

D:\code\meteor\mantra-sample-blog-app>npm list storybook
mantra-demo@0.4.1 D:\code\meteor\mantra-sample-blog-app
├── UNMET PEER DEPENDENCY @kadira/storybook@1.22.1
├── UNMET PEER DEPENDENCY react-addons-css-transition-group@~0.14.0 || ~15.3.0
└── storybook@0.0.0

So apparently, I have storybook v0.0.0. That would certainly explain a lot (and also nothing at all!). I tried uninstalling + reinstalling -> Nothing! Any help?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
roonyhcommented, Oct 13, 2016

I think Its the other way around 😃 storybook-addon-material-ui require newer 2.x.x storybook and you have 1.x.x. Do npm install --save-dev @kadira/storybook@^2.18.1

Simple npm update will get you latest 1.x.x release if your package.json is not updated to 2.x.x

0reactions
Domiiicommented, Oct 13, 2016

Oh Ok!

Thanks, @roonyh! I give it a go!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Unmet peer dependency #5514 - yarnpkg/yarn
What is the expected behavior? Does not give a warning about missing dependencies. Please mention your node.js, yarn and operating system ...
Read more >
How do I fix the npm UNMET PEER DEPENDENCY ...
Check the warnings carefully and update the package.json file with correct versions of dependencies. Then run rm -rf node_modules/ npm cache ...
Read more >
Understanding Peer Dependencies in JavaScript
In this case, you would declare React as a peer dependency for your components, because you want the host project to have the...
Read more >
if you don't want pnpm to fail on peer dependency issues ...
Describe the bug npm create sanity@dev-preview fails with unmet peer dependencies using pnpm. ; To Reproduce npm create sanity@dev-preview ; Expected behavior.
Read more >
Error npm UNMET PEER DEPENDENCY warning
json file with correct versions of dependencies. Then run rm -rf node_modules/ npm cache clean npm install. This will install all the required ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found