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] Storybook with tailwing jit is broken on latest @nuxtjs/storybook #254

Closed
mathieucollet opened this issue Apr 2, 2021 · 11 comments
Closed
Labels
type: bug Something isn't working

Comments

@mathieucollet
Copy link

mathieucollet commented Apr 2, 2021

Version

@nuxtjs/storybook: 4.0.0
nuxt: 2.15.4
@nuxtjs/tailwindcss: 4.0.1 or 4.0.2 or 4.0.3

Reproduction Link

https://github.com/mathieucollet/storybooktest

Steps to reproduce

  1. Create a Nuxt project yarn create nuxt-app whatever with tailwind module
  2. cd IN
  3. Install storybook : yarn add -D @nuxtjs/storybook postcss@latest
  4. Add the jit option to tailwind in nuxt.config.js:
tailwindcss: {
  jit: true,
},
  1. Launch Storybook: nuxt storybook

What is Expected?

Storybook should be working.

What is actually happening?

ERROR  Failed to compile with 1 errors
ERROR  Error 
No files matching '../.nuxt-storybook/storybook/storybook-init-framework-entry.js' were found.

...

ERROR in No files matching '../.nuxt-storybook/storybook/storybook-init-framework-entry.js' were found.

Workaround

Removing jit from tailwind config solve the problem

Anything else

Before the last update of @nuxtjs/storybook it was working fine even with jit option setted

@mathieucollet mathieucollet added the type: bug Something isn't working label Apr 2, 2021
@farnabaz
Copy link
Collaborator

farnabaz commented Apr 2, 2021

Do you mind creating a reproduction sample?
It seems fine in my attempts

@mathieucollet
Copy link
Author

Here is a repo that has this problem: https://github.com/mathieucollet/storybooktest

@farnabaz
Copy link
Collaborator

farnabaz commented Apr 4, 2021

This should fix in v4.0.1.

@niksolaz
Copy link

Hi, I've used node 12 and @nuxtjs/storybook: 4.0.1.
This works for me.
I hope I have helped you

@mathieucollet
Copy link
Author

mathieucollet commented Apr 11, 2021

I still run into some problems when I try to build the storybook during the IC, but it now works locally as long as I don't build it with 4.0.1.

Copy link
Collaborator

@mathieucollet Its this issue reproducible with the repo? https://github.com/mathieucollet/storybooktest

@mathieucollet
Copy link
Author

@farnabaz I updated the repo with @nuxtjs/storybook v4.0.1 to allow you reproduce the error.

With 4.0.1 I can now run nuxt storybook but not nuxt storybook build

@mathieucollet
Copy link
Author

mathieucollet commented Apr 12, 2021

Damn, I didn't look hard enough for the solution to my problem then :'( Sorry and thanks for the info!

@farnabaz
Copy link
Collaborator

Just released v4.0.2 path with the fix

@Bdthomson
Copy link

I ran into the same problem (No files matching '../.nuxt-storybook/storybook/storybook-init-framework-entry.js' were found.) and upgrading to v4 worked for me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants