I am using Vite and react, and getting this issue while trying to use tailwind

[Thisizzellie]

Error" [plugin:vite:css] [postcss] It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration. "

I have tried installing "yarn add -D @tailwindcss/postcss"

Update the postcss.config.js with:

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

and updated tailwind.config.js:

export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
};
**

[Thisizzellie]

Issue resolved :

uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^

[fullstack-senior27]

What's the correct 'npm install' command ?
And could you share vite.config.ts, postcss.config.js, tailwind.config.js, tsconfig.app.json, tsconfig.json, tsconfig.node.json?