nuxt-storybook's People
nuxt-storybook's Issues
Invalid Storybook config preset
Hello!
Thank you for creating this, I tried to set it up but ran into an error immediately.
Storybook throws an error on startup at this line:
ERROR [unhandledRejection] Cannot read properties of undefined (reading 'name')
at node_modules/@storybook/core-common/dist/index.js:12:826
at Array.filter (<anonymous>)
at filterPresetsConfig (node_modules/@storybook/core-common/dist/index.js:12:757)
at loadAllPresets (node_modules/@storybook/core-common/dist/index.js:15:1749)
at buildDevStandalone (node_modules/@storybook/core-server/dist/index.js:33:2265)
because preset is undefined
.
Storybook tries to load and filter the following presets:
Core
[
'project/node_modules/@storybook/core-server/dist/presets/common-preset.js',
undefined,
'@storybook/vue3-vite/preset',
'project/node_modules/@storybook/core-server/dist/presets/babel-cache-preset.js'
]
Custom
[
'project/.nuxt/.storybook/main.mjs'
]
Override
[]
Steps to reproduce:
npx nuxi init project
cd project
yarn add --dev @yassidev/nuxt-storybook
- added the empty storybook config entries and
@yassidev/nuxt-storybook
tonuxt.config.ts
yarn dev -o
Using Node v16.16.0 (LTS) - Windows 11 (Ubuntu WSL)
After I modified filterPresetsConfig
to skip the undefined config preset, it starts without an error, but the following message appears at the canvas:
Expected your framework's preset to export a `renderToCanvas` field.
Perhaps it needs to be upgraded for Storybook 6.4?
More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field
Many thanks,
zsilbi
error Command "start-storybook" not found.
Hello,
First of all thanks for your effort
But I could not get this running in my nuxt 3 project, I followed the 2 steps on the readme but got stuck on what to do next, so I created a "storybook"
script in my package.json calling "start-storybook"
but this command was not found. So I installed @storybook/vue3
to solve this problem but now my issue is:
ERR! TypeError: Cannot read properties of undefined (reading 'NormalModule')
ERR! at VueLoaderPlugin.apply (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/vue-loader/dist/pluginWebpack5.js:44:47)
ERR! at webpack (/Users/diegomaradona/Code/draichiboard/node_modules/webpack/lib/webpack.js:51:13)
ERR! at starterGeneratorFn (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/builder-webpack4/dist/cjs/index.js:137:18)
ERR! at starterGeneratorFn.next (<anonymous>)
ERR! at Object.start (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/builder-webpack4/dist/cjs/index.js:275:34)
ERR! at async Promise.all (index 0)
ERR! at async storybookDevServer (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/@storybook/core-server/dist/cjs/dev-server.js:203:28)
ERR! at async buildDevStandalone (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/@storybook/core-server/dist/cjs/build-dev.js:120:31)
ERR! at async buildDev (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/@storybook/core-server/dist/cjs/build-dev.js:174:5)
ERR! TypeError: Cannot read properties of undefined (reading 'NormalModule')
ERR! at VueLoaderPlugin.apply (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/vue-loader/dist/pluginWebpack5.js:44:47)
ERR! at webpack (/Users/diegomaradona/Code/draichiboard/node_modules/webpack/lib/webpack.js:51:13)
ERR! at starterGeneratorFn (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/builder-webpack4/dist/cjs/index.js:137:18)
ERR! at starterGeneratorFn.next (<anonymous>)
ERR! at Object.start (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/builder-webpack4/dist/cjs/index.js:275:34)
ERR! at async Promise.all (index 0)
ERR! at async storybookDevServer (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/@storybook/core-server/dist/cjs/dev-server.js:203:28)
ERR! at async buildDevStandalone (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/@storybook/core-server/dist/cjs/build-dev.js:120:31)
ERR! at async buildDev (/Users/diegomaradona/Code/draichiboard/node_modules/@storybook/vue3/node_modules/@storybook/core-server/dist/cjs/build-dev.js:174:5)
I'm opening this issue mainly to give you a feedback on how your module is working
thanks
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.