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

Current Nuxt + Uno docs on minimal install does not apply styles #2938

Closed
4 tasks done
sambedingfield opened this issue Aug 3, 2023 · 8 comments
Closed
4 tasks done
Assignees
Labels
bug Something isn't working

Comments

@sambedingfield
Copy link

UnoCSS version

0.54.1

Describe the bug

After following the current default Nuxt 3 install and Uno integration docs, utility classes on app.vue have no affect, and shows no errors.

Reproduction

Maybe I'm missing something super obvious here, but I'm following Nuxt's current install guide (v3.6.5):

And Uno's current integration guide (v0.54.1):

Which equates to:

  1. npx nuxi@latest init nuxt-uno
  2. npm install -D @unocss/nuxt
  3. Add @unocss/nuxt module to Nuxt config
  4. Create default uno.config.ts config
  5. In app.vue, replace <NuxtWelcome /> with <div class="p-10 bg-black text-white">Hello World</div>
  6. Run npm run dev

Minimal repo if needed.

Thanks

System Info

No response

Validations

@sambedingfield sambedingfield changed the title Following current Nuxt + Uno docs on minimal install does not apply styles Current Nuxt + Uno docs on minimal install does not apply styles Aug 3, 2023
@tasiotas
Copy link

tasiotas commented Aug 3, 2023

same, stopped working few hours ago

@toimc
Copy link

toimc commented Aug 3, 2023

same here, use @unocss/nuxt: 0.53.5 works well, but 0.54.1 fail.

@sfxcode
Copy link

sfxcode commented Aug 3, 2023

same problems after update to 0.54.1

@sfxcode
Copy link

sfxcode commented Aug 3, 2023

Latest working version for me: 0.54.0

@antfu antfu self-assigned this Aug 3, 2023
@andy-study
Copy link

Latest working version for me: 0.54.0

not work for me

@antfu
Copy link
Member

antfu commented Aug 3, 2023

Investigating, presumably, it's some transmit dependencies break it. So downgrading might not help, if you still have the older lockfile, you can revert to the old lock to workaround it temporarily while we are investigating it.

@antfu antfu added the bug Something isn't working label Aug 3, 2023
@antfu
Copy link
Member

antfu commented Aug 3, 2023

It should be fixed in unimport@3.1.3, you can upgrade the transmit dependency with pnpm up unimport, or remove your lock to do a clean install.

@antfu antfu closed this as completed Aug 3, 2023
@toimc
Copy link

toimc commented Aug 3, 2023

@antfu after use the cmd pnpm up unimport, the project works well:

"nuxt": "^3.6.5",
"@unocss/nuxt": "^0.54.1",

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

6 participants