tailwindcss example crashes when upgrading to tailwind 3.x

[camstuart]

Hello and thankyou for the example: https://github.com/meteor/examples/tree/main/tailwindcss

It works perfectly well, however when I run the instructions to repeat this, I get

"tailwindcss": "^3.2.4"

Which throws the following error:

Errors prevented startup:

While minifying app stylesheet:
app/client/main.css: PostCSS received undefined instead of CSS string

Your application has errors. Waiting for file change.

However, if i use:

  "dependencies": {
    "@babel/runtime": "^7.17.9",
    "autoprefixer": "^10.4.13",
    "jquery": "^3.6.0",
    "meteor-node-stubs": "^1.2.1",
    "postcss": "^8.4.18",
    "postcss-load-config": "^3.0.1",
    "tailwindcss": "^2.0.3"
  },

Then everything is is ok.
Are you able to share what combination of packages and versions will work with tailwindcss 3.x?

Thanks

[fredmaiaarantes]

Hey @camstuart. You can easily generate a Meteor.js + React + Tailwind app by using the command below:
meteor create myproject --tailwind

There is a step-by-step on Taiwind website: https://tailwindcss.com/docs/guides/meteor
This blog post may help you as well: https://blog.meteor.com/meteor-js-with-react-and-tailwind-css-3-3e878645451e

And you can also check these two example projects (which we should include on this repo):
https://github.com/fredmaiaarantes/meteorjs-template
https://github.com/quavedev/meteor-template