1 reply

Tailwind compiler not working properly with Turborepo

I am using @marminge 's acme-corp as a template and I have a UI component which is pretty much exactly the one in his project, same tailwind config, same everything.

However, in the nextjs project the compiler does see some styles and applies them but not all of them, see the photos added. Here are also the tailwind configurations and my repo. https://github.com/DavidIlie/laundrey

UI tailwind config:

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: baseConfig.content,
   presets: [baseConfig],
} satisfies Config;

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: baseConfig.content,
   presets: [baseConfig],
} satisfies Config;

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: baseConfig.content,
   presets: [baseConfig],
} satisfies Config;

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: baseConfig.content,
   presets: [baseConfig],
} satisfies Config;

nextjs tailwind config:

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: [...baseConfig.content, "../../packages/ui/src/**/*.{ts,tsx}"],
   presets: [baseConfig],
} satisfies Config;

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: [...baseConfig.content, "../../packages/ui/src/**/*.{ts,tsx}"],
   presets: [baseConfig],
} satisfies Config;

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: [...baseConfig.content, "../../packages/ui/src/**/*.{ts,tsx}"],
   presets: [baseConfig],
} satisfies Config;

import type { Config } from "tailwindcss";

import baseConfig from "@laundrey/tailwind-config";

export default {
   content: [...baseConfig.content, "../../packages/ui/src/**/*.{ts,tsx}"],
   presets: [baseConfig],
} satisfies Config;

global tailwind config:

import type { Config } from "tailwindcss";
import { fontFamily } from "tailwindcss/defaultTheme";

export default {
   darkMode: ["class"],
   content: ["src/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],
...shadcn stuff
   plugins: [require("tailwindcss-animate")],
} satisfies Config;

import type { Config } from "tailwindcss";
import { fontFamily } from "tailwindcss/defaultTheme";

export default {
   darkMode: ["class"],
   content: ["src/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],
...shadcn stuff
   plugins: [require("tailwindcss-animate")],
} satisfies Config;

import type { Config } from "tailwindcss";
import { fontFamily } from "tailwindcss/defaultTheme";

export default {
   darkMode: ["class"],
   content: ["src/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],
...shadcn stuff
   plugins: [require("tailwindcss-animate")],
} satisfies Config;

import type { Config } from "tailwindcss";
import { fontFamily } from "tailwindcss/defaultTheme";

export default {
   darkMode: ["class"],
   content: ["src/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"],
...shadcn stuff
   plugins: [require("tailwindcss-animate")],
} satisfies Config;

Any help would be appreciated thank you!

GitHub

GitHub - DavidIlie/laundrey: project to keep track of clothes being...

project to keep track of clothes being handed in to my laundry - GitHub - DavidIlie/laundrey: project to keep track of clothes being handed in to my laundry

No replies yetBe the first to reply to this messageJoin

Tailwind compiler not working properly with Turborepo

Similar Threads

Similar Threads

Similar Threads