Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Please install PostCSS 8 or above

See original GitHub issue

Do I need to kill myself to Tailwind work properly?

  "scripts": {
    "dev": "sapper dev",
    "build": "sapper build --legacy",
    "export": "sapper export --legacy",
    "start": "node __sapper__/build",
    "tailwind": "postcss build ./static/css/src/tailwind.css -o ./static/css/dist/tailwind.css"
  },
  "dependencies": {
    "autoprefixer": "^10.1.0",
    "compression": "^1.7.1",
    "polka": "next",
    "postcss": "^8.2.1",
    "postcss-import": "^14.0.0",
    "postcss-nested": "^5.0.3",
    "sirv": "^1.0.0",
    "tailwindcss": "^2.0.2"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/plugin-transform-runtime": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/runtime": "^7.0.0",
    "@rollup/plugin-babel": "^5.0.0",
    "@rollup/plugin-commonjs": "^14.0.0",
    "@rollup/plugin-node-resolve": "^8.0.0",
    "@rollup/plugin-replace": "^2.2.0",
    "@rollup/plugin-url": "^5.0.0",
    "rollup": "^2.3.4",
    "rollup-plugin-svelte": "^7.0.0",
    "rollup-plugin-terser": "^7.0.0",
    "sapper": "^0.28.0",
    "svelte": "^3.17.3"
  },

Issue Analytics

State:
Created 3 years ago
Comments:8 (2 by maintainers)

Top GitHub Comments

27reactions

babakfpcommented, Dec 20, 2020

Hi.

It seems that you don’t care that people have a problem. All you provide was just a very short post that was saying if you did get this error, do this. Don’t get me wrong, it’s a great tool and blah blah blah, I’m just saying that if you do something, do it well.

It took me so much(x10) time but I finally solved it.

It wasn’t related to Svelte or Sapper.
I didn’t do any version change on anything.
Or any other weird stuff …

I removed all dependencies related to Tailwind and Postcss from my local project (a Sapper project).
I globally added the latest version of postcss and postcss-cli:

yarn global add postcss@latest postcss-cli@latest

Then I added the dependencies I need to my project:

yarn add tailwindcss@latest autoprefixer@latest postcss-nested@latest postcss-import@latest

I expect that you make the postcss error post better and also add those to the post.

@adamwathan

6reactions

charuka-dissanayakacommented, Jun 7, 2021

this command worked for me. npm install -D tailwindcss@latest postcss@latest autoprefixenpm install -D tailwindcss@latest postcss@latest autoprefixer@latestr@latest

Top Results From Across the Web

Error: Please install PostCSS 8 or above. how can I fix this?

It looks like you have postcss-cli installed, but TailwindCSS needs postcss . You just need to install it. Here's the terminal commands for ......

Error on compile - Please install PostCSS 8 or above - Drupal

Problem/Motivation Steps to reproduce Proposed resolution Remaining tasks User interface changes API changes Data model changes.

PostCSS 8.0: Plugin migration guide - Evil Martians

How to migrate your plugins to use the new API in PostCSS 8.0 for better performance and smaller node_modules.

Vue 3 PostCSS 8 - Get Help

Syntax Error: Error: PostCSS plugin autoprefixer requires PostCSS 8. This means something else is causing the issue, or just it may be a...

React with Tailwind CSS - Product Engineering

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest. If you find this error, then please remember that Tailwind CSS depends on PostCSS 8: