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

Generating tailwind.config.js does not work under macOS #26

Closed
lovetodream opened this issue Nov 25, 2020 · 6 comments
Closed

Generating tailwind.config.js does not work under macOS #26

lovetodream opened this issue Nov 25, 2020 · 6 comments

Comments

@lovetodream
Copy link

As mentioned in the title, generating the tailwind.config.js (full and minimal) does not work under macOS (Big Sur).
Made a fresh vue project and tried to install tailwind via vue add tailwind.

If I create a tailwind.config.js file first, it asks me to replace it. If I agree, it deletes the current tailwind.config.js, but afterwards I get the same error.

Bildschirmfoto 2020-11-25 um 22 17 12

@Soupertonic
Copy link

Doesn't work on Windows either.
image

@gertst
Copy link

gertst commented Nov 28, 2020

Same issue here ... on a Mac

@lovetodream
Copy link
Author

I've made a pull request. The problem is that, if tailwind is not already a installed dependency, the plugin can't generate the tailwind.config.js. As a workaround you need to install it first npm install tailwindcss before vue add tailwind.
If this is intended it should be mentioned in the README.

@forsartis
Copy link
Owner

tailwindcss should get installed automatically because it is a dependency of this plugin.
In a fresh vue project after only running vue add tailwind can you check if the folder ./node_modules/tailwindcss and the file ./node_modules/.bin/tailwind exists? If not are those maybe nested inside ./node_modules/vue-cli-plugin-tailwind/node_modules?

Also, what version of node and vue-cli are you running?

@lovetodream
Copy link
Author

tailwindcss should get installed automatically because it is a dependency of this plugin.
In a fresh vue project after only running vue add tailwind can you check if the folder ./node_modules/tailwindcss and the file ./node_modules/.bin/tailwind exists? If not are those maybe nested inside ./node_modules/vue-cli-plugin-tailwind/node_modules?

Also, what version of node and vue-cli are you running?

I updated vue-cli (now 4.5.9) earlier today.
I can confirm that it works with this version of vue-cli, in my case at least.
I think it was a problem with the version of vue-cli I had installed before.

@adrikagupta
Copy link

tailwindcss should get installed automatically because it is a dependency of this plugin.
In a fresh vue project after only running vue add tailwind can you check if the folder ./node_modules/tailwindcss and the file ./node_modules/.bin/tailwind exists? If not are those maybe nested inside ./node_modules/vue-cli-plugin-tailwind/node_modules?
Also, what version of node and vue-cli are you running?

I updated vue-cli (now 4.5.9) earlier today.
I can confirm that it works with this version of vue-cli, in my case at least.
I think it was a problem with the version of vue-cli I had installed before.

I am having the same issue even though the version that I am using is also @vue/cli 4.5.9

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants