You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
So as per new tailwind update in css in vite now the file tailwindcss.cofing.js doesn't exist where we can import dasyui because nerw import at tailwindcss in vite is like nstall Tailwind CSS
Install tailwindcss and @tailwindcss/vite via npm.
Terminal
npm install tailwindcss @tailwindcss/vite
02
Configure the Vite plugin
Add the @tailwindcss/vite plugin to your Vite configuration.
vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
tailwindcss(),
],
})
03
Import Tailwind CSS
Add an @import to your CSS file that imports Tailwind CSS.
CSS @import "tailwindcss";
04
Start your build process
Run your build process with npm run dev or whatever command is configured in your package.json file.
Terminal
npm run dev
so to address this issues we can simply fix by adding @import "daisyui/dist/full.css"; in index.css
Thank you @neupanekiran
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.
On which page do you see this issue?
https://daisyui.com/docs/install/
Describe the issue
So as per new tailwind update in css in vite now the file tailwindcss.cofing.js doesn't exist where we can import dasyui because nerw import at tailwindcss in vite is like nstall Tailwind CSS
Install tailwindcss and @tailwindcss/vite via npm.
Terminal
npm install tailwindcss @tailwindcss/vite
02
Configure the Vite plugin
Add the @tailwindcss/vite plugin to your Vite configuration.
vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
tailwindcss(),
],
})
03
Import Tailwind CSS
Add an @import to your CSS file that imports Tailwind CSS.
CSS
@import "tailwindcss";
04
Start your build process
Run your build process with npm run dev or whatever command is configured in your package.json file.
Terminal
npm run dev
so to address this issues we can simply fix by adding @import "daisyui/dist/full.css"; in index.css
What browsers are you seeing the problem on?
No response
The text was updated successfully, but these errors were encountered: