Storybook: Version issues: UNMET PEER DEPENDENCY @kadira/[email protected]

[Domiii]

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
[email protected] D:\code\meteor\mantra-sample-blog-app
├── UNMET PEER DEPENDENCY @kadira/[email protected]
├── 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
└── [email protected]

npm WARN EPEERINVALID [email protected] requires a peer of react-tap-event-plugin@^1.0.0 but none was installed.
npm WARN EPEERINVALID [email protected] requires a peer of immutability-helper@~2.0.0 but none was installed.
npm WARN EPEERINVALID [email protected] requires a peer of react-addons-css-transition-group@~0.14.0 || ~15.3.0 but none was installed.
npm WARN EPEERINVALID [email protected] 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
[email protected] D:\code\meteor\mantra-sample-blog-app
├── UNMET PEER DEPENDENCY @kadira/[email protected]
├── UNMET PEER DEPENDENCY react-addons-css-transition-group@~0.14.0 || ~15.3.0
└── [email protected]

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?

[arunoda]

Our package is @kadira/storybook not storybook.

[Domiii]

Sorry about the mixup!

Sadly, @kadira/storybook yields similar issues:

D:\code\meteor\mantra-sample-blog-app>npm list @kadira/storybook
[email protected] D:\code\meteor\mantra-sample-blog-app
└── UNMET PEER DEPENDENCY @kadira/[email protected]

npm ERR! peer dep missing: @kadira/storybook@^2.18.1, required by [email protected]
npm ERR! code 1

Could this be caused by storybook-addon-material-ui not being able to work with the latest storybook release?

Any suggestions as to how to debug this issue?

[Domiii]

NVM! That's exactly what it is. Sorry for the hassle! :)

[roonyh]

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

[Domiii]

Oh Ok!

Thanks, @roonyh! I give it a go!