You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
After adding Storybook to Vue3/Nuxt2 app, Storybook loads but if I click on a component in the nav (e.g. "Button), Storybook freezes and the page becomes unresponsive. Clicking within the main frame works (before clicking a component).
To Reproduce
Repo used: https://github.com/skyward-digital/nuxt-starter-prismic
Run npx sb init -f
Install dependencies yarn add -D @storybook/addon-links @storybook/addon-essentials @storybook/addon-postcss @storybook/addon-actions
Run storybook yarn storybook
Click on one of the examples (Button, Header, Page); Storybook becomes unresponsive and page freezes.
shookcodes
changed the title
Vue3/Nuxt2 - Clicking Links in Storybook Nav Breaks Storybook
Vue2/Nuxt3 - Clicking Links in Storybook Nav Breaks Storybook
Feb 4, 2022
We’re cleaning house! Storybook has changed a lot since this issue was created and we don’t know if it’s still valid. Please open a new issue referencing this one if:
Describe the bug
After adding Storybook to Vue3/Nuxt2 app, Storybook loads but if I click on a component in the nav (e.g. "Button), Storybook freezes and the page becomes unresponsive. Clicking within the main frame works (before clicking a component).
To Reproduce
Repo used: https://github.com/skyward-digital/nuxt-starter-prismic
Run
npx sb init -f
Install dependencies
yarn add -D @storybook/addon-links @storybook/addon-essentials @storybook/addon-postcss @storybook/addon-actions
Run storybook yarn storybook
Click on one of the examples (Button, Header, Page); Storybook becomes unresponsive and page freezes.
Main.js file:
package.json:
System
System:
OS: Windows 10 10.0.22000
CPU: (16) x64 Intel(R) Core(TM) i7-10875H CPU @ 2.30GHz
Binaries:
Node: 16.13.2 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.17 - ~\AppData\Roaming\npm\yarn.CMD
npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.22000.120.0), Chromium (97.0.1072.76)
npmPackages:
@storybook/addon-actions: ^6.4.18 => 6.4.18
@storybook/addon-essentials: ^6.4.18 => 6.4.18
@storybook/addon-links: ^6.4.18 => 6.4.18
@storybook/addon-postcss: ^2.0.0 => 2.0.0
@storybook/vue: ^6.4.18 => 6.4.18
npmGlobalPackages:
@storybook/cli: 6.2.9
Additional context
I have tried to get Storybook working on 2 separate repos that use Vue3/Nuxt2 and the same issue occurs on both.
The text was updated successfully, but these errors were encountered: