Skip to content
This repository was archived by the owner on Apr 6, 2021. It is now read-only.

Responsive classes not being generated #123

Closed
IgnisDa opened this issue Mar 20, 2021 · 1 comment
Closed

Responsive classes not being generated #123

IgnisDa opened this issue Mar 20, 2021 · 1 comment

Comments

@IgnisDa
Copy link

IgnisDa commented Mar 20, 2021

What version of @tailwindcss/jit are you using?

v0.1.4

What version of Node.js are you using?

v15.12.0

What browser are you using?

Chrome

What operating system are you using?

Ubuntu 20, Linux

Reproduction repository

https://github.com/IgnisDa/ignisda.me

I am using Nuxtjs and have activated the JIT. The compilation is much faster, but responsive variants are not being generated.

This can be reproduced using the following:

  1. Clone the repository and cd into it and then cd frontend/
  2. yarn generate. Then save dist/blog/index.html to a temporary location.
  3. Set jit: false in nuxt.config.js to disable the JIT compiler and then yarn generate. Save dist/blog/index.html to a temporary location.
  4. Now count the number of occurrences of @media in the file obtained in step 2 [I get 24 instances] to the one obtained in step 3 [I get 11 instances].

You will find that the responsive classes for any of the tailwind classes are not being generated.

@IgnisDa
Copy link
Author

IgnisDa commented Mar 20, 2021

Turns out there were some dependency issues. They were fixed in this commit https://github.com/IgnisDa/ignisda.me/tree/9fcc60314ff8f35350d27da5c560dcedeefde1b3

Excellent work with the package!

@IgnisDa IgnisDa closed this as completed Mar 20, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant