I created new Sveltekit project with npx sv create. I added svelte-ux@next with pnpm add -D svelte-ux@next updated app.css as instructed in the docs with
@import 'tailwindcss';
@import '@layerstack/tailwind/core.css';
@import '@layerstack/tailwind/utils.css';
@import '@layerstack/tailwind/themes/basic.css'; /* Note: Theme choice explained below */
@source '../../node_modules/svelte-ux/dist';
@source '../../node_modules/layerchart/dist'; /* if using LayerChart */
/*
You can customize your theme as you see fit using CSS variables.
Dark mode is targeted using with .dark class on :root/<html>
*/
:root {
--color-primary: var(--color-purple-700);
--color-secondary: var(--color-orange-500);
&.dark {
--color-primary: var(--color-purple-400);
--color-surface-100: var(--color-zinc-900);
--color-surface-200: var(--color-zinc-950);
--color-surface-300: var(--color-black);
}
}
And i've got an error saying
[vite] (ssr) Error when evaluating SSR module /src/routes/+layout.svelte: Can't resolve '@layerstack/tailwind/core.css' in '/media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/src'
Plugin: @tailwindcss/vite:generate:serve
File: /media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/src/app.css
at finishWithoutResolve (/media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/enhanced-resolve@5.18.3/node_modules/enhanced-resolve/lib/Resolver.js:565:18)
at /media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/enhanced-resolve@5.18.3/node_modules/enhanced-resolve/lib/Resolver.js:657:14
at /media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/enhanced-resolve@5.18.3/node_modules/enhanced-resolve/lib/Resolver.js:718:5
at eval (eval at create (/media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/tapable@2.2.3/node_modules/tapable/lib/HookCodeFactory.js:31:10), <anonymous>:15:1)
at /media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/enhanced-resolve@5.18.3/node_modules/enhanced-resolve/lib/Resolver.js:718:5
at eval (eval at create (/media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/tapable@2.2.3/node_modules/tapable/lib/HookCodeFactory.js:31:10), <anonymous>:27:1)
at /media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/enhanced-resolve@5.18.3/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:89:43
at /media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/enhanced-resolve@5.18.3/node_modules/enhanced-resolve/lib/Resolver.js:718:5
at eval (eval at create (/media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/tapable@2.2.3/node_modules/tapable/lib/HookCodeFactory.js:31:10), <anonymous>:15:1)
at /media/lukasz/hddDrugiDysk/sveltekit/todo-svelte-ux-pb/frontend/node_modules/.pnpm/enhanced-resolve@5.18.3/node_modules/enhanced-resolve/lib/Resolver.js:718:5
I also tried to install layerstack separately but it didn't help.
Is there a bug or Am I doing something wrong? I am also using adapter static and paraglide, but I don't know if that information helps. Also the project runs fine if I remove svelte-ux
I created new Sveltekit project with
npx sv create. I added svelte-ux@next withpnpm add -D svelte-ux@nextupdated app.css as instructed in the docs withAnd i've got an error saying
I also tried to install layerstack separately but it didn't help.
Is there a bug or Am I doing something wrong? I am also using adapter static and paraglide, but I don't know if that information helps. Also the project runs fine if I remove svelte-ux