SECURITY WARNING: Never run commands you don't understand. Always review code before execution. Use at your own risk.
Svelte New Added 26 October 2026

Svelte 5: Cannot export state from a module if it is reassigned

In a .svelte.js or .svelte.ts module, $state works because the compiler rewrites every read and write of that variable inside the file. Other files that import it only get the value it had, so if the module ever reassigns it (count = 0, user = null) importers would be left holding a stale copy, and Svelte refuses to compile. Export an object and change its properties, or keep the variable private and export functions that read and set it.

Quick fix

Read the commands before running them. Anything that restarts a service, deletes data or changes permissions should be tried on a non-production system first.

Quick fix
# The compiler names the file and line
npx svelte-check --output human

// counter.svelte.js. This fails, because count is reassigned:
// export let count = $state(0);
// export function reset() { count = 0; }

// Option 1: export an object and mutate its properties
export const counter = $state({ count: 0 });
export function reset() { counter.count = 0; }

// Option 2: keep the variable private and export accessors
// let count = $state(0);
// export const getCount = () => count;
// export const setCount = (value) => { count = value; };

// Option 3: a class with $state fields
// export class Counter { count = $state(0); reset() { this.count = 0; } }

How to diagnose Svelte errors

Svelte errors mostly arise at the compiler's boundaries: the $ store prefix only works on real stores in component context, and SvelteKit's load functions run in two different environments with different capabilities. A 500 from a load function usually means server-only code (a database client, a secret, fs) reached a universal load that also runs in the browser.

If the quick fix above does not resolve it, work through these steps. They apply to this whole class of error, not just to this one message, which is usually what saves the time.

  1. Check whether the file is a universal load (+page.js) or a server-only load (+page.server.js). Anything touching secrets or the filesystem belongs in the latter.
  2. Read the full server-side stack trace in the terminal, not just the browser's 500 page: SvelteKit hides details in production for security.
  3. For $ prefix errors, confirm the value is an actual store with a subscribe method and that you are inside a component, not a plain module.
  4. Use $env/static/private and $env/dynamic/private for secrets so the compiler enforces the server-only boundary for you.
  5. Reproduce with vite build && vite preview; dev-mode behaviour differs meaningfully from the production build.

Tools worth reaching for

  • vite build && vite preview
  • SvelteKit terminal logs
  • svelte-check
  • $env/static/private

Authoritative references

Primary documentation for this error, worth reading before applying any fix in production.

svelte.dev svelte.dev

Related Svelte errors

See all 20 Svelte errors →

Browse other categories

Something missing or wrong?

This entry is maintained by hand. If the fix is out of date, incomplete, or you have a better one, email a correction and it will be reviewed.