Importing Snippet type without using "type" keyword causes error

[sina-salahshour]

Describe the bug

when i import snippet type in a svelte file like:

<script lang="ts">
	import { Snippet } from 'svelte';
</script>

i get a silent error with status code of 500 with the following log in the console:

SyntaxError: The requested module 'http://localhost:5173/node_modules/.vite/deps/svelte.js?v=a4e0f0d3' doesn't provide an export named: 'Snippet' app.js:26:40
    handleError app.js:26
    handle_error client.js:1634
    load_route client.js:1024

Reproduction

• create a svelte minimal project with prettier, eslint, typescript, tailwind and paraglide enabled (my case)
• create a +page.svelte file
• import Snippet like stated above

Logs

No response

System Info

System:
    OS: Linux 6.10 Arch Linux
    CPU: (12) x64 Intel(R) Core(TM) i7-9850H CPU @ 2.60GHz
    Memory: 54.52 GB / 62.43 GB
    Container: Yes
    Shell: 3.7.1 - /usr/bin/fish
  Binaries:
    Node: 22.9.0 - /usr/bin/node
    npm: 10.9.0 - /usr/bin/npm
    pnpm: 9.2.0 - /usr/bin/pnpm
  Browsers:
    Firefox: 131.0.3
  npmPackages:
    svelte: ^5.0.0 => 5.0.5

Severity

annoyance

[brunnerh]

If you don't get an error, your tsconfig is off, for Svelte it should have "verbatimModuleSyntax": true.

This yields:

'Snippet' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled. ts(1484)

(For a SvelteKit project that is automatically added via .svelte-kit/tsconfig.json.)

[sina-salahshour]

Ok thanks. I'm closing the issue then.
just another question.. is there any way to make eslint fix this? i added consistent type imports rule to the eslint file but it had no effect.

[brunnerh]

No idea, I don't use eslint; found to be not worth the trouble in my own projects.