Cannot install Tailwindcss on a fresh laravel project

And what is the problem? Do you get an error or something?

You could give this a try. Haven't used it myself yet but I might on my next project

https://laravel-news.com/use-tailwind-preset-npm

Hi Sinnbeck, thank you for answering, I deleted the project and I will recreate the problem just to make sure I follow the instructions correctly. It will take five minutes.. I got the error when I run "npm run dev". please check in five minutes.

https://laravel-news.com/use-tailwind-preset-npm

https://www.youtube.com/watch?v=EsdL2NFLRbc

Working on it now.. I'll update the status in a bit.

Thank Zivko, If I recall correctly, I tried this but it did not work .

This one took me further than before, I don't have a problem with run dev anymore. Yup, it works. Thank you @sinnbeck.

Thanks Siangboon, Sinbeck had also suggested the same link and it worked.

If you are starting a new project, I can recommend pulling in

https://github.com/laravel-frontend-presets/tailwindcss

as all the auth scaffolding has been converted from Bootstrap

Thanks Snapey, I saw this one too but I thought it would be easier to go with this https://laravel-news.com/use-tailwind-preset-npm and it worked.

Sorry @medala.

The problem is in the webpack.mix.js file which must look different from the video I shared.

const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');

mix.sass('resources/sass/app.scss', 'public/css')
    .options({
        processCssUrls: false,
        postCss: [tailwindcss('./tailwind.config.js')],
    });