meteor / meteor/examples

tailwindcss example crashes when upgrading to tailwind 3.x

Open
#36 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
144
Forks
58
PR merge metrics
No merged PRs in 30d

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

```json
"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:

```json
"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

Contributor guide

No contributing guide indexed for this repository

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.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.