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: [Nexus/Next.JS] Freshly unpacked purchased Nexus Next.JS does not run/compile #3311

Closed
Jan-M opened this issue Dec 13, 2024 · 7 comments
Assignees

Comments

@Jan-M
Copy link

Jan-M commented Dec 13, 2024

What version of daisyUI are you using?

4.12.19

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

none.com

Describe your issue

I have just purchased the Nexus UI Next.Js version wanted to play around with what looks like a very neat dashboard. Not a NextJs or Tailwind expert I run into below issue. I have only unpacked, npm install, and npm run dev, nothing else. Manually I tried bumping some versions, but hasent resolved the issue.

Any help is appreciated.

src/assets/css/custom/_layout.css The `border-base-200` class does not exist. If `border-base-200` is a custom class, make sure it is defined within a `@layer` directive.

  13 |     transition: all 0.3s;
  14 |     background: var(--leftmenu-background);
> 15 |     @apply sticky bottom-0 top-0 h-screen min-w-60 border-e-[1px] border-base-200;
     |     ^
  16 | }
  17 | 
Copy link

Thank you @Jan-M for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

@saadeghi saadeghi self-assigned this Dec 13, 2024
@saadeghi
Copy link
Owner

That's not normal 🤔
Thanks for reporting.

Can you try npm i one more time to see if there are any errors at installing the dependencies?

@Jan-M
Copy link
Author

Jan-M commented Dec 13, 2024

I got it up and running, unpacking and running the TS version. I found some hints googling similar errors, talking about some tailwind ts config conflicting tailwind js config. But to me this seemed not to be the case, the unpacked JS version looked alright, no .ts files around.

I use npm 10.9.2, node 23.1.0

npm i
(node:56970) ExperimentalWarning: CommonJS module /opt/homebrew/lib/node_modules/npm/node_modules/debug/src/node.js is loading ES Module /opt/homebrew/lib/node_modules/npm/node_modules/supports-color/index.js using require().
Support for loading ES Module in require() is an experimental feature and might change at any time
(Use `node --trace-warnings ...` to show where the warning was created)

up to date, audited 513 packages in 1s

152 packages are looking for funding
  run `npm fund` for details

4 vulnerabilities (1 low, 2 moderate, 1 high)

@withden
Copy link
Contributor

withden commented Dec 13, 2024

Hey @Jan-M,

Thanks for sharing the details.

I tried Typescript & Javascript versions on every Node version (18 to 23).

The Typescript version is working fine on every node version. But for javascript, I get the same error on Nodejs (22 & 23). So yes there is an issue.

You can now use the typescript (any Node) or javascript (Node <= 21) version.

I'm working on it and will inform you when it resolves.

@withden
Copy link
Contributor

withden commented Dec 14, 2024

Hey @Jan-M,

Please use tailwind.config.mjs (for Node>=22) & use tailwind.config.js (for Node<22).

Feel free to open this issue again, if there is any other error regarding this

@saadeghi please close this issue.

@saadeghi
Copy link
Owner

Thanks @withden
@Jan-M let us know if changing the extension from .js to .mjs fixes the issue

The package will include this change on Monday.

@Jan-M
Copy link
Author

Jan-M commented Dec 16, 2024

Yes, this resolves the issue for me with the Javascript version. Thank you.

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

No branches or pull requests

3 participants