Singleton client API not yet initialized, cannot call addArgTypesEnhancer.

[olemarius]

I'm getting this error with Storybook 6.4.19 for Vue3 started and storybook-builder-vite v0.1.17

ClientApi.js:85 Uncaught Error: Singleton client API not yet initialized, cannot call addArgTypesEnhancer.

Trying to get storybook to work with pnpm. After switching to pnpm and adding the following fix I got the error described:

    // https://github.com/eirslett/storybook-builder-vite/issues/55
    config.root = dirname(require.resolve("storybook-builder-vite"));
    config.server.fsServe = undefined;

[IanVS]

This normally means there are more than one copy of @storybook/client-api in your node_modules.

See #254 for a recent fix to this project repo itself. pnpm doesn't seem to like working with this project either though, there have been a few other issues which suggested that it's necessary to shamefully hoist.

[olemarius]

@IanVS thanks, I'll have another go at it with shamefully-hoist when #254 is released and let you know how it goes :-)

[IanVS]

To be clear, that was a fix for our own monorepo. It was an example of what you might need to also do in your own project as well.

[zipme]

Update packages.json as https://github.com/eirslett/storybook-builder-vite/pull/254/files suggests, and run pnpm install --shamefully-hoist and it works! Thanks a lot!

[IanVS]

@olemarius were you able to find a solution for your issue?

[olemarius]

@IanVS let me give it another go today. I did get it to work with pnpm, but I got some errors from msw that I didn't have time to dig into.

[olemarius]

This did the trick!

config.resolve.dedupe = ["@storybook/client-api"]

Storybook 6.4.19
Vue 3.2.31
storybook-builder-vite 0.1.20

Thanks to #50 (comment)

[shadow7412]

Which config file was that supposed to go in?

[IanVS]

@shadow7412 this should not be a problem in recent versions of storybook and @storybook/vite-builder. If you're having issues, it may mean that you have mismatched storybook versions, causing more than one @storybook/client-api to exist in your node_modules.