daysiUI not work with next15! #3498
kikamorasuzuki
started this conversation in
General
Replies: 1 comment 2 replies
-
oh my god! I test it in windows and work perfect! only in firefox 112 linux not work! I delete cache, reboot and reinstall firefox version, clear next cache and ... |
Beta Was this translation helpful? Give feedback.
2 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hi, I try so hard to config daysiUI in next 15 but not work at all, just border-radius of components in theme changed and other thins like color and background color not work, my package.json:
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev --turbopack",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"next": "15.1.7",
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
"devDependencies": {
"@eslint/eslintrc": "^3",
"@types/node": "^20",
"@types/react": "^19",
"@types/react-dom": "^19",
"daisyui": "^4.12.23",
"eslint": "^9",
"eslint-config-next": "15.1.7",
"postcss": "^8",
"tailwindcss": "^3.4.1",
"typescript": "^5"
}
}
my tailwind config is:
import type { Config } from "tailwindcss";
import daisyui from "daisyui";
export default {
content: [
"./src/pages//*.{js,ts,jsx,tsx,mdx}",
"./src/components//.{js,ts,jsx,tsx,mdx}",
"./src/app/**/.{js,ts,jsx,tsx,mdx}",
],
daisyui: {
themes: [
"light",
"dark",
"cupcake",
"bumblebee",
"emerald",
"corporate",
"synthwave",
"retro",
"cyberpunk",
"valentine",
"halloween",
"garden",
"forest",
"aqua",
"lofi",
"pastel",
"fantasy",
"wireframe",
"black",
"luxury",
"dracula",
"cmyk",
"autumn",
"business",
"acid",
"lemonade",
"night",
"coffee",
"winter",
"dim",
"nord",
"sunset",
],
base: true, // Ensures base styles are included
styled: true, // Ensures styled components are included
utils: true, // Ensures utility classes are included
logs: true, // Enables logging for debugging
},
plugins: [daisyui],
} satisfies Config;
and this is my layout.tsx
import type { Metadata } from "next";
import "./globals.css";
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
{children}
);
}
I attached my-app, please help!
my-app.zip
Beta Was this translation helpful? Give feedback.
All reactions