Laravel and Tailwind

I'm trying to install Tailwind, but so far I haven't succeeded to build my assets as it keeps failing:

ERROR in ./resources/css/tailwind.css
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

I do have postcss installed:

"postcss": "^8.1.7",

GeordieJackson

5 years ago

Level 18

If you run npm install tailwindcss postcss autoprefixer in your terminal do you see any error messages?

I think that PostCSS requires Node to be a recent version (13 or 14 IIRC).

It might just be a case of updating Node on your system.

assoft

5 years ago

Level 4

Temporary solution:

npm uninstall tailwindcss postcss autoprefixer
npm install tailwindcss@compat postcss@^7 autoprefixer@^9

https://tailwindcss.com/docs/installation#post-css-7-compatibility-build

2 likes

Please or to participate in this conversation.