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

[bug]: Next.js intall instructions missing tailwind step #4809

Open
2 tasks done
jamiehewitt15 opened this issue Sep 11, 2024 · 6 comments
Open
2 tasks done

[bug]: Next.js intall instructions missing tailwind step #4809

jamiehewitt15 opened this issue Sep 11, 2024 · 6 comments
Labels
bug Something isn't working

Comments

@jamiehewitt15
Copy link

Describe the bug

Try running the installation command in a next.js project where tailwind has not previously been used and it leads to an error. The installation instructions seem to be missing a step (i.e. set up tailwind). It doesn't say in the documentation that tailwind is a necessary dependency.

Affected component/components

installation

How to reproduce

  1. Run npx shadcn@latest init in a next.js project where tailwind has not been previously used.
  2. get the following error: ✖ Validating Tailwind CSS.

Codesandbox/StackBlitz link

No response

Logs

$ npx shadcn@latest init
✔ Preflight checks.
✔ Verifying framework. Found Next.js.
✖ Validating Tailwind CSS.
✔ Validating import alias.

No Tailwind CSS configuration found at ...
It is likely you do not have Tailwind CSS installed or have an invalid configuration.
Install Tailwind CSS then try again.
Visit https://tailwindcss.com/docs/guides/nextjs to get started.


### System Info

```bash
next.js running on ubuntu.

Before submitting

  • I've made research efforts and searched the documentation
  • I've searched for existing issues
@jamiehewitt15 jamiehewitt15 added the bug Something isn't working label Sep 11, 2024
@Char99s
Copy link

Char99s commented Sep 11, 2024

The docs do say that TailwindCSS is required to use shadcn-ui but only on the manual installation page. Even I didn't realise that earlier but here is the link if you want to check it out:

https://ui.shadcn.com/docs/installation/manual

@mellolauro
Copy link

Even after manual installation, the same problems persist when installing the components.

@Char99s
Copy link

Char99s commented Sep 13, 2024

Even after manual installation, the same problems persist when installing the components.

I wasn't saying that the manual installation will solve this issue. I'm saying that it says there that you need tailwindcss because the components are built using it, so you can't use them if you don't have tailwindcss

@mellolauro
Copy link

No problem, I was just warning the other members that the problem persists, as I have tried every way and nothing works.

@Char99s
Copy link

Char99s commented Sep 13, 2024

No problem, I was just warning the other members that the problem persists, as I have tried every way and nothing works.

Apologies, first time using github mobile and I thought your comment was a reply to mine

@jamiehewitt15
Copy link
Author

Basically, I'm thinking of the next.js instructions need an extra step. Something along the lines of Ensure you have TailwindCSS instralled

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants