<div class="w-10 h-10 bg-red-500"></div>
All the tailwindcss classes should be resolved properly.
So, I was trying to use nuxt-seo-kit which is a Nuxt Layer. Therefore, I added nuxt-seo-kit to the extends list in the nuxt.config.ts
But then I started to have issue with almost half of tailwindcss classes not being resolved.
After 2 days of trying everything, I redid everything from scratch.
I created a new nuxt project with nuxt 3.1.1 and @nuxt/tailwindcss 6.3.0 .
I added the nuxt-seo-kit to the nuxt.config.ts in the extends list.
Everything was fine.
So as usual, I put everything to
src/ dir and in the config I added srcDir: "src". Now the problem reappeared. Only half of the CSS classes were being resolved.
I'm not sure where this is coming from, as nothing is being logged in the console or terminal.
In the given context, only
w-10 h-10 is resolved. However, tailwind playground is working as usual.
This is the structure of a working project:
├── app.vue ├── layouts │ └── default.vue ├── node_modules ├── nuxt.config.ts ├── package.json ├── pages │ └── index.vue ├── pnpm-lock.yaml ├── README.md ├── tailwind.config.ts └── tsconfig.json
It would help if you can provide a reproduction with Stackblitz or a GH repo @mukundshah
This time, none of the classes are being resolved.
I have the same issue.
I would like to set a custom
tailwind.config file for a folder that extends my
When i run
pnpm nuxt dev .starter and go to the Tailwind Viewer url, primary color is extracted from my base
tailwind.config file, also I think JIT mode doesn't look for files in
.starter but in
Here's my reproduction :
|Issue Title||Created Date||Updated Date|