Skip to content
New issue

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

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

Already on GitHub? Sign in to your account

[Bug]: Unable to use tailwind classes in storybook #26714

Closed
FlorientPlouvin opened this issue Apr 2, 2024 · 3 comments
Closed

[Bug]: Unable to use tailwind classes in storybook #26714

FlorientPlouvin opened this issue Apr 2, 2024 · 3 comments

Comments

@FlorientPlouvin
Copy link

Describe the bug

I've just done a fresh install in nuxt 3.11, and after a little trouble installing Storybook without error (thanks to this issue #26306 ) however I'm encountering a problem with Tailwind.

Absolutely no Tailwind class works in Storybook (but it work in the project side). I've tried several ways of fixing this but nothing works.
So I've made a repo starter so you can have a look if you like: https://github.com/FlorientPlouvin/nuxt-starter
Am I missing something?

To Reproduce

Just run storybook and go to the test stories

System

System:
    OS: macOS 14.1.1
    CPU: (10) arm64 Apple M2 Pro
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 21.4.0 - ~/.nvm/versions/node/v21.4.0/bin/node
    Yarn: 1.22.21 - /opt/homebrew/bin/yarn <----- active
    npm: 10.2.4 - ~/.nvm/versions/node/v21.4.0/bin/npm
  Browsers:
    Chrome: 123.0.6312.87
    Safari: 17.1
  npmPackages:
    @storybook/addon-essentials: ^8.0.5 => 8.0.5 
    @storybook/addon-interactions: ^8.0.5 => 8.0.5 
    @storybook/addon-links: ^8.0.5 => 8.0.5 
    @storybook/addon-styling-webpack: ^1.0.0 => 1.0.0 
    @storybook/blocks: ^8.0.5 => 8.0.5 
    @storybook/test: ^8.0.5 => 8.0.5 
    @storybook/vue3: ^8.0.5 => 8.0.5 
    @storybook/vue3-vite: ^8.0.5 => 8.0.5 
    storybook: ^8.0.5 => 8.0.5

Additional context

No response

@d3vlopes
Copy link

d3vlopes commented Apr 23, 2024

Same problem here. I using next.

@abdulmalikyusuf
Copy link

abdulmalikyusuf commented Apr 26, 2024

This solution worked for me: Storybook doesn't run with tailwindcss in next.js

Thanks to @drianoaz

@vanessayuenn
Copy link
Contributor

closing as duplicate to #26869, but we're working on it!

@vanessayuenn vanessayuenn closed this as not planned Won't fix, can't repro, duplicate, stale May 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants