S
SolidJS•2mo ago
rafael79

UnoCSS installation issue related to ESM imports

Hi. I just started a brand new solid project and then added UnoCSS. But does not seem to work, it gives the following error: 
"unocss/vite" resolved to an ESM file. ESM file cannot be loaded by `require`. See https://vitejs.dev/guide/troubleshooting.html#this-package-is-esm-only for more details. [plugin externalize-deps]
"unocss/vite" resolved to an ESM file. ESM file cannot be loaded by `require`. See https://vitejs.dev/guide/troubleshooting.html#this-package-is-esm-only for more details. [plugin externalize-deps]
Downgrading unocss to 0.58.9 fix the issue. Maybe it is something related to the breaking changes in https://github.com/unocss/unocss/releases/tag/v0.59.0 ?
GitHub
Release v0.59.0 · unocss/unocss
🚨 Breaking Changes Move to ESM-only and fix package exports  -  by @kwaa, @userquin, @antfu, Chris and Anthony Fu in #3380 (41bc8) preset-mini: RingWidth default changed to 3px to align with Ta...
2 Replies
rafael79
rafael79•2mo ago
I also am not sure if it is something on solid side or unocss side.
peerreynders
peerreynders•2mo ago
It's a vite thing. Change vite.config.ts to vite.config.mts Alternately add "type":"module", to your package.json "type" Node version also plays into it, you should at least have v18 (I'm running v20).
Want results from more Discord servers?
Add your server
More Posts
Reloading Wasm or Reloading Pagehello everyone. I am trying to host some games I made with Raylib and Zig and compiled to wasm on myHydration mismatchThe following code ALWAYS raises hydration mismatch while using solid-start with SSR. But that's notform action Breaking On Second SubmitTo learn about actions, I built a simple notes app. The app displays a list of notes. When you clickIs there a way to skip the createResource query until a parameter is available?Something similar to Tanstack Query or Apollo, maybe? ```ts const [collations] = createResource( The requestEvent in the middleware is different from requestEvent from getRequestEvent in the samerequest cycle This is leading to some weird bugsOn the server, `getRequestEvent()` sometimes returns nullThis happens not that frequently, but still happens. I am calling a function from middleware. In tComponent that can render a different tag depending on prop?I want to make a title that renders a different component depending on the `as` props you give it. Hydrating SSR - <Hydrate /> doesn't seem to rehydrate dehydrated appThis is what my SSR (and client) entry looks like ```ts import {ErrorBoundary, Hydration, Hydrationrevalidate() Not Working As ExpectedI'm fetching data from Supabase and using their Realtime feature so I can see live updates. To do tDestructuring with splitPropsHi there, Are there any disadvantages of destructuring the `local` object compared to the second e