svelte@5
6 traces
- Cannot use `<slot>` syntax and `{@render ...}` tags in the same component — Svelte 5 snippets replace slotsSvelte 5 compiler error slotsnippetconflict in a component that has both <slot /> and {@render ...}.
- Mixing old (on:click) and new syntaxes for event handling is not allowed — Svelte 5 uses onclick + callback propsSvelte 5 compiler error mixedeventhandlersyntaxes (for example Mixing old (on:click) and new syntaxes for event handling is not allowed. Fix: DOM events: Component events (child): Parent: <Pump on:inflate={(e) => size…
- Cannot use `export let` in runes mode — use `$props()` instead (Svelte 5)Svelte 5 compiler error legacyexportinvalid: This happens when a component uses a rune such as $state, $derived or $props (which switches it to runes mode) and also declares props the Svelte 3/4 way with export let.…
- `$:` is not allowed in runes mode, use `$derived` or `$effect` instead (Svelte 5)Svelte 5 compiler error legacyreactivestatementinvalid: This happens in a component that uses any rune and also has a Svelte 4 reactive statement such as $: doubled = count 2. Fix: Use $derived for values (the usual…
- Attempted to instantiate App with `new App`, which is no longer valid in Svelte 5 — use mount()A plain Svelte + Vite app (no SvelteKit) crashes on startup with runtime error componentapiinvalidnew: Attempted to instantiate App with new App, which is no longer valid in Svelte 5.... Fix: mount is not synchronous:…
- Cannot apply unknown utility class: font-bold — @apply in Vue/Svelte <style> or CSS modules needs @reference (v4)After upgrading to Tailwind v4, @apply inside a Vue/Svelte/Astro <style> block, a .module.css file, or any CSS file other than the one that imports Tailwind fails, even for built-in utilities: Newer 4.1.x builds word…