Error: true is not a PostCSS plugin

[DopamineDriven]

True is not a PostCSS plugin

Describe the bug

When running yarn dev it returns the following error:

error - ./styles/index.css (./node_modules/next/node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/next/dist/compiled/postcss-loader??__nextjs_postcss!./styles/index.css)
Error: true is not a PostCSS plugin

I have tried using .json instead of .js, that did not resolve the issue. I am using typescript and this is a new bug. I have had the same configuration for tailwind.config.js and postcss.config.js in the root of my projects for months with no prior issues. I even eliminated all content from styles/index.css with the exception of the following:

@tailwind base;

@tailwind components;

@tailwind utilities;

To Reproduce

Install the following:

yarn add tailwindcss next@9.5.4-canary.20 react react-dom && yarn add -D postcss-preset-env autoprefixer @types/react @types/react-dom @types/node postcss-flexbugs-fixes stylelint stylelint-config-recommended typescript

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Go to 'https://github.com/DopamineDriven/windy-city-next'
2. Click on 'clone repository or download zip'
3. 'install dependencies'
4. run yarn dev and the error will flag

Expected behavior

I expect it to run just as all of my other TS+Nextjs+Tailwindcss repos do, each using next 9.5.x (headless-wp-next-directory, asross-portfolio)

Screenshots

System information

• OS: Windows
• Browser (if applies): Brave, Chrome
• Version of Next.js: 9.5.4-canary.20
• Version of Node.js: 14.11.0

Add any other context about the problem here.

[DopamineDriven]

Update: Determined the issue

autoprefixer@10.0.0 breaks next's postcss loader on start

I rolled back to autoprefixer@9.8.6 and the issue was resolved

[stephanschubert]

Maybe related: webpack/postcss-loader#482

[ai]

To fix this issue Next.js need to update PostCSS 7 to 8

[ai]

I created a separated issue about updating to PostCSS 8 #17242

[timneutkens]

Closing as duplicate of #17242

[alexventuraio]

What @DopamineDriven mentioned about downgrading is correct and it fixed the issue on my end!

[DmitryOlkhovoi]

I have the same problem with postcss-nested

[laurivaananen]

@DmitryOlkhovoi I had the same issue and managed to fix it by downgrading the package to postcss-nested@4.2.3

[DmitryOlkhovoi]

@laurivaananen yes, that works :)

[AWIXOR-zz]

Update: Determined the issue

autoprefixer@10.0.0 breaks next's postcss loader on start

I rolled back to autoprefixer@9.8.6 and the issue was resolved

This worked for me too!

[dr5hn]

UPDATE: I solved this issue by adding this to package.json 🎉

    "peerDependencies": {
        "postcss": "^8.0.0"
    },

SOURCE: https://github.com/postcss/autoprefixer/releases/tag/10.0.0