Svelte 5: Unexpected character '@' when using *.svelte.ts with Decorators and $state and importing in client about svelte HOT 5 CLOSED

This is definetly unrelated to Svelte, therefore closing.

I'd still wanted to figure out why decorators aren't downleveled though. AFAIK ESbuild supports decorators, and so does TS 5.0+, so I would've thought that Vite would downlevel them. Things I tried without success:

• setting "target": "ES2022" in the tsconfig.json
• setting build.target to 'es2022' in vite.config.ts

What finally worked, thanks to pointers in vitejs/vite#17308:

• setting esbuild.target to 'es2022' in vite.config.ts

What also works, but which isn't really what one should do going forward is to set "experimentalDecorators": true in your tsconfig.json. This means TypeScript's obsolete/deprecated decorator downleveling is used.

from svelte.

This is basically a duplicate of #11502

from svelte.

Depends - I would have expected the typescript plugin to run on that file first, which would then down level the decorator. Wondering why that isn't the case, and whether that's due to specific tsconfig settings.

Please provide a proper reproduction link so we can investigate

from svelte.

(Its me @gemue-parndt just from my personal account)

@dummdidumm I just uploaded a reproduceable example. example.zip

I also figured out it doesn't depends on the runtime, it doesn't work neither with Bun nor with Node.
Additionally i made the example just with Svelte and Svelte 4, also having the same problem.

from svelte.

(Its me @gemue-parndt just from my personal account)

@dummdidumm I just uploaded a reproduceable example. example.zip

I also figured out it doesn't depends on the runtime, it doesn't work neither with Bun nor with Node. Additionally i made the example just with Svelte and Svelte 4, also having the same problem.

here you go

from svelte.