Laravel 8, Tailwind CSS init

Question

I have tried to install Tailwind CSS. I have run the following command.

npm install -D tailwindcss
npx tailwindcss init

However, I have an error.

Unexpected token {

Maybe someone had the same mistake. I have an empty Laravel instance and I want to add tools for the UI.

Which version of nodejs are you using? Try upgrading to 14 if it's not the case and try again. The problem could be with postCSS. Getting the latest nodejs version will most probably solve your issue. — Dimitri Mostrey
– Dimitri Mostrey, Commented Jan 4, 2021 at 5:45

user633440 · Accepted Answer · 2021-05-02 05:09:50Z

1

First, make sure you have the latest package versions.

npm install -D laravel-mix@latest tailwindcss@latest postcss@latest autoprefixer@latest

answered May 2, 2021 at 5:09

user633440

Sign up to request clarification or add additional context in comments.

Comments

Mehedi Hasan Shifat · Accepted Answer · 2021-09-07 09:24:06Z

1

Actually the problem is with node/npm version. Try to upgrade the node version which is compitale with tailwindcss.

answered Sep 7, 2021 at 9:24

7409 silver badges22 bronze badges

San Francesco · Accepted Answer · 2024-03-16 10:19:36Z

0

I was able to fix the error by upgrading NodeJS to the latest stable version.

sudo npm install -g n

sudo n stable

then

npx tailwindcss -i ./path/style.css -o ./path/output.css --watch

answered Mar 16, 2024 at 10:19

San Francesco

6469 silver badges16 bronze badges