Help Needed To Style Page With Laravel starterkit + tailwind

I have a fresh installation of Laravel and Jetstream starter kit

I added a tailwindui component for the layout, and it is not arranged. The sr-only content shows on the page too.

But when I add the Tailwind CDN in the header, everything comes back to normal.

I tried updating tailwind CSS to latest version, and the response shows tailwind css is up to date.

Please advise me on what to do here since I can not use the tailwind CDN to go live.

Thanks.

Best Answer

Level 102

You need to recompile using npm run dev whenever you add new tailwind classes. It only compiles those in use.

You can use the watch version to auto compile on changes of course

1 like

Level 9

Maybe try running npm run dev and while developing you can run npm run watch

1 like

Level 12

Thanks for your help. Worked 100%

Please or to participate in this conversation.