question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Storybook 6.1.0 Docs styling gone

See original GitHub issue

Describe the bug Updated Storybook and addons from 6.0.22 to 6.1.0 and the styling disapeared from the docs pages.

To Reproduce Steps to reproduce the behavior:

  1. Upgrade Storybook and addons to 6.1.0
  2. run npm run storybook
  3. Go to a docs page and see that the styling for headers and code snippets and stuff are gone.

Expected behavior Expected to see same styling on docs pages as before

Screenshots Before: image

After: image

System Environment Info:

System: OS: Windows 10 10.0.18363 CPU: (8) x64 Intel® Core™ i7-1065G7 CPU @ 1.30GHz Binaries: Node: 14.15.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: 87.0.4280.66 Edge: Spartan (44.18362.449.0) npmPackages: @storybook/addon-a11y: 6.1.0 => 6.1.0 @storybook/addon-docs: 6.1.0 => 6.1.0 @storybook/addon-essentials: 6.1.0 => 6.1.0 @storybook/addon-knobs: 6.0.22 => 6.0.22 @storybook/addons: 6.1.0 => 6.1.0 @storybook/react: 6.1.0 => 6.1.0

Additional context npx sb@next info lists Windows as operating system, but am running it in a linux node:14 container (have ran docker-compose up --build --force-recreate to ensure that the newest dependencies is installed on the image).

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
renadrcommented, Dec 7, 2020

Thank you for your response 😃. Actually I just noticed that it worked for a while locally but not once published (I thought I had a cache problem or whatever on the local). I finally noticed it was probably coming from the CI and I emptied the cache of the CI, and published it and it finally worked ! So… I had just lost my mind 🤯.

I’ll try to post another message tomorrow to give a config example that led me to this bug (I think I have a branch where I already had this bug). I hope it will help to find the source of the problem.

0reactions
shilmancommented, Dec 5, 2020

@renadr can you remove "@storybook/addon-options": "^5.3.21" and remove node_modules and reinstall?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Storybook 6.1
It organizes components and their states to structure UI development, testing, and documentation. It's used by teams at Twitter, Slack, ...
Read more >
storybook/addon-docs - npm
Storybook Docs transforms your Storybook stories into world-class component documentation. DocsPage. Out of the box, all your stories get a ...
Read more >
@types/storybook__react | Yarn - Package Manager
Important: This documentation covers modern versions of Yarn. For 1.x docs, see classic.yarnpkg.com. Yarn.
Read more >
Using TailwindCss in Storybook 6 with Angular - Stack Overflow
I think your issue might be with the fact that storybook needs to have css files and not scss , so you need...
Read more >
React Storybook Tutorial - 6.1 - Theming - YouTube
Courses - https://learn.codevolution.dev/ Support UPI - https://support.codevolution.dev/ Support PayPal ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found