tailwindcss example crashes when upgrading to tailwind 3.x

Open
#36 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript, tailwindcss
Domain
frontend, web-dev

Research direction

Start with the Tailwind CSS example linked in the issue and reproduce the failure using tailwindcss 3.2.4, checking app/client/main.css and the listed dependency versions. Compare the working Tailwind 2 setup with the 3.x setup; done means the example starts without the PostCSS undefined-CSS error.

Written by the indexing model from the issue text.

Description

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

Dominant language
JavaScript
Stars
144
Forks
58
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from meteor/examples

All issues in meteor/examples

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.