Error: Malformed PostCSS Configuration - NextJS

Devkant SwargiaryDevkant Swargiary
1 min read

Hi, I faced this error while trying to incorporate "Dark Mode".

My project stack included : Next JS, Tailwind CSS.

This error could be mitigated in the following ways (atleast it worked for me):

  • Remove the "require" keyword in post.config.js file

postcss_2.png

postcss_1.png

  • In the tailwind.config.js file replace purge with content . The latest tailwind documentation suggest the same.

tailwind_2.png

tailwind_1.png

I hope it helps.

Thanks for reading.

0
Subscribe to my newsletter

Read articles from Devkant Swargiary directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Next.jsTailwind CSSPostCSS

Written by

Devkant Swargiary
Devkant Swargiary

Full Stack Developer. I have hands on experience in crafting web applications using TypeScript, Next , React ,TailwindCSS. I have also worked with PostgresDB and AWS S3. I have also developed dAPP based upon ERC 20 , ERC 721 tokens.