[plugin:vite:css] [postcss] Error

[BenedictionL]

I'm having a proplem with the "postcss" plugin.

After I npm run dev, this is the message I get on my localhost:5173:
"[plugin:vite:css] [postcss] ENOENT: no such file or directory".

And this is the message on the terminal:
"Unable to resolve @import "daisyui/css/base" from C:/Users/appie/Zidio-ChatApp/d-zidio-chat-app/frontend/zidio-chat-app/src
08:52:52 [vite] Internal server error: [postcss] ENOENT: no such file or directory, open 'C:\Users\appie\Zidio-ChatApp\d-zidio-chat-app\frontend\zidio-chat-app\daisyui\css\base'
Plugin: vite:css
File: C:/Users/appie/Zidio-ChatApp/d-zidio-chat-app/frontend/zidio-chat-app/src/index.css:undefined:NaN"

I think the problem lies with the index.css file.

My files are as follows:

POSTCSS.CONFIG.JS:

export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

---

INDEX.CSS

@import 'daisyui/css/base';
@tailwind base;
@tailwind components;
@tailwind utilities;

---

TAILWIND.CONFIG.JS

/** @type {import('tailwindcss').Config} /
export default {
content: ["./index.html","./src/**/.{js,ts,tsx,tsx}"],
theme: {
extend: {
screens: {
sm: '480px',
md: '768px',
lg: '976px',
xl: '1440px',
},
},
},
//eslint-disable-next-line- no-undef
plugins: [require("daisyui")],
};

---

VITE.CONFIG.JS

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
plugins: [react()],
});

---

Please help with the above problem.