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: I found the reason why some daisy ui items are not working #3199

Closed
rznkolds opened this issue Sep 5, 2024 · 5 comments
Closed

bug: I found the reason why some daisy ui items are not working #3199

rznkolds opened this issue Sep 5, 2024 · 5 comments

Comments

@rznkolds
Copy link

rznkolds commented Sep 5, 2024

What version of daisyUI are you using?

v4.12.10

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

none

Describe your issue

When a next js project has the src directory, the third option from the settings suggested at the bottom does not work :

content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/(app)/**/*.{js,ts,jsx,tsx,mdx}", <== it's wrong
  ],

This content content prevents daisyui elements from transferring properly.

I organized this problem in this way, I would be glad if you specify this situation as an extra in your documents :)

  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",  <== it's true
  ]
Copy link

github-actions bot commented Sep 5, 2024

Thank you @rznkolds for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

@rznkolds rznkolds changed the title bug: bug: I found the reason why some daisy ui items are not working Sep 5, 2024
@saadeghi
Copy link
Owner

saadeghi commented Sep 5, 2024

How is this a daisyUI issue?
did I suggest somewhere that you should write ./src/(app)/**…?

@saadeghi saadeghi closed this as completed Sep 5, 2024
@rznkolds
Copy link
Author

rznkolds commented Sep 5, 2024

How is this a daisyUI issue? did I suggest somewhere that you should write ./src/(app)/**…?

sorry I confused you with someone else, when I had the same problem, a friend told me to verify the contents of the tailwind config file, but when I looked into it, I realized that the third element in the list had the wrong directory
Anyway, if you want, you can add the solution to this problem to your documentation or to the daisyUI installation information for next js shared as a blog.

@saadeghi
Copy link
Owner

saadeghi commented Sep 5, 2024

This is not related to daisyUI. If your content config is wrong, Tailwind class names won't work either.
Read docs: https://tailwindcss.com/docs/content-configuration

You can also see the Next.js setup tutorial on Tailwind CSS site: https://tailwindcss.com/docs/guides/nextjs
Or Tailwind setup tutorial on Next.js site: https://nextjs.org/docs/app/building-your-application/styling/tailwind-css

@rznkolds
Copy link
Author

rznkolds commented Sep 5, 2024

This is not related to daisyUI. If your content config is wrong, Tailwind class names won't work either. Read docs: https://tailwindcss.com/docs/content-configuration

You can also see the Next.js setup tutorial on Tailwind CSS site: https://tailwindcss.com/docs/guides/nextjs Or Tailwind setup tutorial on Next.js site: https://nextjs.org/docs/app/building-your-application/styling/tailwind-css

Okey, Thank you for informations

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants