bind_invalid_export() — svelte Function Reference

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

Function javascript ClientRuntime Hydration

Entity Profile

ClientRuntime→ Hydration→ bind_invalid_export() — svelte Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/src/internal/client/errors.js lines 46–56

export function bind_invalid_export(component, key, name) {
	if (DEV) {
		const error = new Error(`bind_invalid_export\nComponent ${component} has an export named \`${key}\` that a consumer component is trying to access using \`bind:${key}\`, which is disallowed. Instead, use \`bind:this\` (e.g. \`<${name} bind:this={component} />\`) and then access the property on the bound component instance (e.g. \`component.${key}\`)\nhttps://svelte.dev/e/bind_invalid_export`);

		error.name = 'Svelte error';

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