PostCSS / Autoprefixer versions are currently throwing errors

It looks like there are some issues with the combination of the most recent versions of PostCSS and Autoprefixer. New Redwood projects install PostCSS 7, and the instructions for installing Tailwind result in the newest version of Autoprefixer being installed (currently v10). There’s a compatibility issue between these versions.

The current recommendation seems to be install Autoprefixer v9. This fixed the error for me. (It was throwing Error: true is not a PostCSS plugin).

There’s a relevant issue here.

[dthyresson]

@jangxyz @thedavidprice and @jtoar

I realized what the issue is:

Need to use:

"tailwindcss": "npm:@tailwindcss/postcss7-compat"

as noted in https://community.redwoodjs.com/t/upgrading-to-tailwindcss-v2/1472.

@jangxyz If you switch your web package.json to:

  "devDependencies": {
    "autoprefixer": "9.8.6",
    "postcss-loader": "4.0.2",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat"
  }

and yarn … it should work again.

And it looks like @jtoar already fixed this in the next release:

https://github.com/redwoodjs/redwood/commits/main/packages/cli/src/commands/setup/tailwind/tailwind.js

I think we can keep this issue closed and direct people to the forum post until the next release.

[dthyresson]

maybe some major change with v2 in tailwind?

Hi @jangxyz

I’ll try to reproduce with a fresh install of create redwood app and yarn rw setup tailwind and see what might be happening.

Here is a community post with some info on the upgrade from v1 to v2 for existing RWJS projects – and how to use TailwindUI as well:

https://community.redwoodjs.com/t/upgrading-to-tailwindcss-v2/1472/8