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
I created a fresh Nuxt 3 app and tried to add storybook.
Storybook doesn't run when you try to install it on a brand new Nuxt 3 app
$ start-storybook -p 6006
info @storybook/vue3 v6.5.16
info
✔ Port 6006 is not available. Would you like to run Storybook on port 6007 instead? … yes
info => Loading presets
info Addon-docs: using MDX1
info => Using implicit CSS loaders
info => Using default Webpack4 setup
(node:72039) DeprecationWarning: Default PostCSS plugins are deprecated. When switching to '@storybook/addon-postcss',
you will need to add your own plugins, such as 'postcss-flexbugs-fixes' and 'autoprefixer'.
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-default-postcss-plugins for details.
(Use `node --trace-deprecation ...` to show where the warning was created)
0% compilingERR! TypeError: Cannot read properties of undefined (reading 'get')
ERR! at /Users/nolan/Code/my-app/node_modules/@storybook/vue3/node_modules/webpack/lib/DefinePlugin.js:292:38
ERR! at SyncHook.eval [as call] (eval at create (/Users/nolan/Code/my-app/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:15:1)
ERR! at SyncHook.lazyCompileHook (/Users/nolan/Code/my-app/node_modules/tapable/lib/Hook.js:154:20)
ERR! at Compiler.newCompilation (/Users/nolan/Code/my-app/node_modules/webpack/lib/Compiler.js:631:26)
ERR! at /Users/nolan/Code/my-app/node_modules/webpack/lib/Compiler.js:667:29
ERR! at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/nolan/Code/my-app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
ERR! at AsyncSeriesHook.lazyCompileHook (/Users/nolan/Code/my-app/node_modules/tapable/lib/Hook.js:154:20)
ERR! at Compiler.compile (/Users/nolan/Code/my-app/node_modules/webpack/lib/Compiler.js:662:28)
ERR! at /Users/nolan/Code/my-app/node_modules/webpack/lib/Watching.js:77:18
ERR! at _next0 (eval at create (/Users/nolan/Code/my-app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)
ERR! TypeError: Cannot read properties of undefined (reading 'get')
ERR! at /Users/nolan/Code/my-app/node_modules/@storybook/vue3/node_modules/webpack/lib/DefinePlugin.js:292:38
ERR! at SyncHook.eval [as call] (eval at create (/Users/nolan/Code/my-app/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:15:1)
ERR! at SyncHook.lazyCompileHook (/Users/nolan/Code/my-app/node_modules/tapable/lib/Hook.js:154:20)
ERR! at Compiler.newCompilation (/Users/nolan/Code/my-app/node_modules/webpack/lib/Compiler.js:631:26)
ERR! at /Users/nolan/Code/my-app/node_modules/webpack/lib/Compiler.js:667:29
ERR! at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/nolan/Code/my-app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
ERR! at AsyncSeriesHook.lazyCompileHook (/Users/nolan/Code/my-app/node_modules/tapable/lib/Hook.js:154:20)
ERR! at Compiler.compile (/Users/nolan/Code/my-app/node_modules/webpack/lib/Compiler.js:662:28)
ERR! at /Users/nolan/Code/my-app/node_modules/webpack/lib/Watching.js:77:18
ERR! at _next0 (eval at create (/Users/nolan/Code/my-app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)
WARN Broken build, fix the error above.
WARN You may need to refresh the browser.
info => Loading presets
error Command failed with exit code 1.
I just released an add-on to simplify Storybook setup in Nuxt3 projects.
I have completed my necessary features, but more features may be required.
I would appreciate your feedback on this 😉
Describe the bug
I created a fresh Nuxt 3 app and tried to add storybook.
Storybook doesn't run when you try to install it on a brand new Nuxt 3 app
To Reproduce
System
No response
Additional context
No response
The text was updated successfully, but these errors were encountered: