Tailwind CSS and vite not working -

[Yusufzai]

I am getting errors when I am using the tailwind CSS

[plugin:vite:css] Failed to load PostCSS config (searchPath: E:/vite-project/tailwind-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/vite-project/tailwind-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/vite-project/tailwind-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/vite-project/tailwind-project): [Failed to load PostCSS config] Failed to load PostCSS config (searchPath: E:/vite-project/tailwind-project): [ReferenceError] module is not defined in ES module scope This file is being treated as an ES module because it has a '.js' file extension and 'E:\vite-project\tailwind-project\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension. ReferenceError: module is not defined in ES module scope This file is being treated as an ES module because it has a '.js' file extension and 'E:\vite-project\tailwind-project\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension. at file:///E:/vite-project/tailwind-project/postcss.config.js:1:1 at ModuleJob.run (node:internal/modules/esm/module_job:193:25) at async Promise.all (index 0) at async ESMLoader.import (node:internal/modules/esm/loader:526:24) at async importDefault (file:///E:/vite-project/tailwind-project/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:25993:18) at async Object.search (file:///E:/vite-project/tailwind-project/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:18430:38) at async resolvePostcssConfig (file:///E:/vite-project/tailwind-project/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:44690:22) at async compileCSS (file:///E:/vite-project/tailwind-project/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:44443:27) at async TransformContext.transform (file:///E:/vite-project/tailwind-project/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:44055:55) at async Object.transform (file:///E:/vite-project/tailwind-project/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:41111:30) E:/vite-project/tailwind-project/main.css

Below is the screenshot of the error.

https://prnt.sc/xK5VN7Y9g7EU

But when I rename the postcss.config.cjs it starts working but now the problem is when I build the project using npm run build
I get no tailwindcss result

Any help would be appreciated

[Usernameisalradytaken]

refer to this comment
link

or you can convert it into ESM module

postcss.config.js
export default { plugins: { tailwindcss: {}, autoprefixer: {}, } }