Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tailwind v1 changed config file location #5

Open
nigelb135 opened this issue Jun 2, 2019 · 10 comments
Open

Tailwind v1 changed config file location #5

nigelb135 opened this issue Jun 2, 2019 · 10 comments
Labels
good first issue Good for newcomers help wanted Extra attention is needed

Comments

@nigelb135
Copy link

nigelb135 commented Jun 2, 2019

Tailwind v1 writes its config file to tailwind.config.js and the plugin complains that it cannot load the config.

I have temporarily solved this with a soft link for tailwind.js but I assume that there needs to be an update. Or maybe a configuration option.

@nigelb135
Copy link
Author

Sorry about bold "shouting" Unintentional side effect of cut-n-paste.

@muhajirdev
Copy link
Owner

muhajirdev commented Jun 3, 2019

This plugin uses https://github.com/bradlc/babel-plugin-tailwind-components/. And they recently released version that support v1 https://github.com/bradlc/babel-plugin-tailwind-components/releases
. If you have time, a pull request is appreciated :)

@nigelb135
Copy link
Author

Seems no pull request required. Just needed to update tailwind.macro to alpha version and issue goes away

Thanks for your help

Nigel

@muhajirdev
Copy link
Owner

Ah,
Thanks for letting me know :)

@ovsw
Copy link

ovsw commented Jun 16, 2019

I'm sorry but I don't understand what to upgrade to make this work. What is tailwind.macro and how do I update it? It's not a package I had installed when working with gatsby-plugin-tailwindcss so far. Really confused here.

@m11m
Copy link

m11m commented Jul 20, 2019

@ovsw I think they mean, instead of gatsby-plugin-tailwindcss, use this --> https://github.com/bradlc/babel-plugin-tailwind-components/releases ... at least I have used that instead and seems to work so far.

@jonny-harte
Copy link

jonny-harte commented Jan 23, 2020

Hi, I just got this plugin and am still getting "can't resolve tailwind.js". Is this going to be fixed in this plugin or do I need to use babel-plugin-tailwind-components instead?

@Zrce
Copy link

Zrce commented Nov 28, 2020

Hi I have the same issue I think. @jonny-harte have you solved it? how?

@jonny-harte
Copy link

@Zrce nope I ended up using emotion-js instead.

@muhajirdev
Copy link
Owner

muhajirdev commented Nov 30, 2020

Hi guys,

I haven't updated this plugin for a while. I am just using tailwind with className right now. I am struggling with naming components. By just using className I don't have to name every single div.

https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss . This VScode plugin also really helpful

This plugin breaks when tailwind change their config from tailwind.config.js into tailwind.js
And this plugin depends on babel-plugin-tailwind-components. I think they already support tailwind.js in their alpha version. Upgrading this repo depencices into v1.0.0-alpha.2 might solve the problem.

If you'd like to give it a try that would be very helpful. And plase make a pull request here afterward

@muhajirdev muhajirdev added good first issue Good for newcomers help wanted Extra attention is needed labels Nov 30, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

6 participants