Compatibility with npm 7

[kokiebisu]

I am currently trying to publish storybook but the process keeps hanging on step 6: Building your Storybook.

I tried running the build-storybook command alone and then it works.

build-storybook -- --output-dir /var/folders/b6/g83mw8h9531btnbcmd3s7dh80000gn/T/chromatic--84494-mYwHeFxGFSLu

I checked the build-storybook.log generated and it gives me this message.

Starting: --silent build-storybook -- --output-dir /var/folders/b6/g83mw8h9531btnbcmd3s7dh80000gn/T/chromatic--84494-mYwHeFxGFSLu
node: bad option: --silent

Thanks in advance for the help!

[tmeasday]

Hey @kokiebisu -- what version of npm or yarn are you using?

[kokiebisu]

Thanks for the reply!
I’m using
Yarn: 1.22.5
Npm: 7.0.15

[tmeasday]

Sounds like maybe a npm7 compatibility issue?

@kokiebisu in the meantime you can manually build your storybook and then run chromatic with the -d (or --storybook-build-dir) flag pointing to the build storybook directory.

[dbvisel]

I think the same thing is happening to me with NPM v7.0.14, Node v15.3.0. Will try with an older version of Node?

[tmeasday]

Sure!

[kokiebisu]

I was able to publish storybook but now I am getting a new error when I open storybook on chromatic. Does this have anything to do with the build?

[kokiebisu]

This was an issue on the storybook side.
storybookjs/storybook#12952

I also used yarn to get everything to work since npm gave me a bunch of issues. I think there are compatibility issues with npm 7 just as @tmeasday mentioned. I will close.

[tmeasday]

Let me reopen for other users.

[tmeasday]

I think this was fixed with #237