Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Please, update README and documentation #358

Closed
danihazler opened this issue Jan 26, 2022 · 0 comments
Closed

Please, update README and documentation #358

danihazler opened this issue Jan 26, 2022 · 0 comments
Labels
type: enhancement New feature or request

Comments

@danihazler
Copy link

It's been over a day that I'm trying to implement Storybook on an existing project. But as the documentation is outdated I wasted quite a bit of time.. the steps I followed were :

1- cloned the project
2- npm updated

3- install npm install --save-dev @nuxtjs/storybook , don’t use postcss@latest as it says in the documentation. note : #266 (comment) , but it is still on README
4- add first story (or try at least)
5 - re-start the project
6- run npx run storybook
Storybook requires core-js@3. Run yarn add --dev core-js@3 @babel/runtime-corejs3 -> fair cause I'm using nuxt v2.14.12
7- was not sure about @babel/runtime-corejs3 , so I just installed npm i --also=dev core-js@3
✅ project runs fine
❌ Using Storybook within a Typescript project requires installing ts-node. Run yarn add --dev ts-node
8 - npm i --also=dev ts-node
✅ project runs fine
❌ Storybook error : postcss@8 is not compatible with current version of nuxt (v2.14.12). Expected: >=2.15.3

// package-lock.json (nothing about it on package.json)

          "@nuxt/postcss8": {
            "version": "1.1.3",
            "resolved": "https://registry.npmjs.org/@nuxt/postcss8/-/postcss8-1.1.3.tgz",
            "integrity": "sha512-CdHtErhvQwueNZPBOmlAAKrNCK7aIpZDYhtS7TzXlSgPHHox1g3cSlf+Ke9oB/8t4mNNjdB+prclme2ibuCOEA==",
            "dev": true,
            "requires": {
                "autoprefixer": "^10.2.5",
                "css-loader": "^5.0.0",
                "defu": "^3.2.2",
                "postcss": "^8.1.10",
                "postcss-import": "^13.0.0",
                "postcss-loader": "^4.1.0",
                "postcss-url": "^10.1.1",
                "semver": "^7.3.4"
            },

BUT #258 (comment) dead end??

9- ended up running npm i --also=dev @babel/runtime-corejs3 (step 7)
✅ project runs fine
❌ Storybook error : postcss@8 is not compatible with current version of nuxt (v2.14.12). Expected: >=2.15.3
==== Ended up finding out that nuxt v.2.15.3 is required #246 (comment)
==== Can’t install nuxt v2.15.3 cause it breaks the project

@nuxtjs/storybook documentation is incorrect

That's all. Thank you!

@danihazler danihazler added the type: enhancement New feature or request label Jan 26, 2022
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
type: enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant