Skip to main content
Create new
Introduction
Reactivity
Props
Logic
Events
Bindings
Lifecycle
Stores
Motion
Transitions
Animations
Easing
SVG
Actions
Classes
Component composition
Context API
Special elements
Module context
Debugging
7GUIs
Miscellaneous
App.svelte
OnlyReferenceStore2.svelte
Const.svelte
AssignStore2First.svelte
Broken.svelte
<script>
import OnlyReferenceStore2 from './OnlyReferenceStore2.svelte'
import Const from './Const.svelte'
import AssignStore2First from './AssignStore2First.svelte'
import Broken from './Broken.svelte'
</script>

<p>
$store2 will be undefined (see Broken.svelte) iff all of these conditions are true:
</p>
<ol>
<li>reference $store1 at all (see OnlyReferenceStore2.svelte)</li>
<li>use let instead of const (see Const.svelte)</li>
<li>destructure/assign store1 first</li>
</ol>

<OnlyReferenceStore2 />
<Const />
<AssignStore2First />
<Broken />

loading Svelte compiler...
/* Select a component to see its compiled code */
result = svelte.compile(source, {
generate: ,
});
/* Select a component to see its compiled code */