bind_not_bindable() — svelte Function Reference

Architecture documentation for the bind_not_bindable() function in errors.js from the svelte codebase.

Function javascript ClientRuntime Hydration

Entity Profile

ClientRuntime→ Hydration→ bind_not_bindable() — svelte Function Reference

Dependency Diagram

graph TD
  abfd467b_7531_46db_2f7a_7e2dd1607bad["bind_not_bindable()"]
  ff387d97_d6d2_81e0_e731_656552709d27["errors.js"]
  abfd467b_7531_46db_2f7a_7e2dd1607bad -->|defined in| ff387d97_d6d2_81e0_e731_656552709d27
  style abfd467b_7531_46db_2f7a_7e2dd1607bad fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/errors.js lines 65–75

export function bind_not_bindable(key, component, name) {
	if (DEV) {
		const error = new Error(`bind_not_bindable\nA component is attempting to bind to a non-bindable property \`${key}\` belonging to ${component} (i.e. \`<${name} bind:${key}={...}>\`). To mark a property as bindable: \`let { ${key} = $bindable() } = $props()\`\nhttps://svelte.dev/e/bind_not_bindable`);

		error.name = 'Svelte error';

		throw error;
	} else {
		throw new Error(`https://svelte.dev/e/bind_not_bindable`);
	}
}