Tailwind and create-bud-app

I wanted to try a standalone JS app using bud using npx create-bud-app with Tailwind.

It sounds so easy when you read the description on GitHub: Run yarn add @roots/bud-tailwindcss --dev then “By default the bud.js tailwind implementation requires no configuration.”

But Tailwind styles will not work, and I get Property 'tailwind' does not exist on type 'Bud' any attempt to configure in bud.config.js as per the instructions.

No idea what’s wrong. I followed the docs to the letter but something is obviously missing.

Going back to Laravel Mix for now but if anyone has experience of getting an npx create-bud-app up and running with working Tailwind, I’d love to hear about it. Thanks!

It probably doesn’t need any configuration if the rest of the app is structured with the defaults required

When you run npx create-bud-app you get prompted about adding support for various tools, and one of those options is to add Tailwind support

I just tried creating a new app with Tailwind support this way and I wasn’t able to hit the error that you’re describing

Can you push up a repo that has all the code so we can take a look? Or can you try using create-bud-app again and selecting Tailwind support? You don’t need to be manually adding the @roots/bud-tailwindcss package if you select Tailwind support

Sure - I’ll get the repo up tonight

I did select the Tailwind support option when creating the app in the first place.

I’ll start again from absolute scratch just to make sure it’s a minimal case.

Thanks

Make sure Tailwind is actually selected when going through the prompts, otherwise it’ll show:

:heavy_check_mark: Add support for libraries & frameworks · No items were selected

You can use the space bar to select the option when you reach it:

Thank you Ben. This is completely on me - I failed to press the spacebar to select the items. Doh.

Apologies for wasting your time, and massive appreciation for the clear instructions.

1 Like

No worries, I’m glad it’s working for you now