Errors

This document is a list of known errors that this addon throws.

`PARSER_EXTRACT_SVELTE`

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0001`

No module context was found in the stories file.

This often happens if you call defineMeta(...) in a regular instance script (<script>) and not in a module script (<script module>), which is required.

Ensure the stories file which caused this error has the following initial code:

<script module>
  import { defineMeta } from '@storybook/addon-svelte-csf';

  const { Story } = defineMeta({
    // define your stories meta here
  });
</script>

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0002`

A default or namespace import was used to import from this addon package, which is not supported. Only named imports are supported (this only applies to imports from @storybook/addon-svelte-csf).

Change your import to a named import instead:

- import svelteCsf from "@storybook/addon-svelte-csf";
+ import { defineMeta } from "@storybook/addon-svelte-csf";

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0003`

No import of defineMeta from this addon package was found in the module context.

You might have forgotten to import it:

<script module>
+ import { defineMeta } from "@storybook/addon-svelte-csf";
  ...
</script>

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0004`

No variable declaration from the defineMeta() call was found. While you might have called defineMeta(), its result needs to be assigned to a variable:

<script module>
  import { defineMeta } from "@storybook/addon-svelte-csf";

- defineMeta(...);
+ const { Story } = defineMeta({
+    // define your stories meta here
+ });
</script>

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0005`

No destructured Story component was found in the variable declaration with the defineMeta() call.

The Story component might have been incorrectly created:

<script module>
- const Story = defineMeta({
+ const { Story } = defineMeta({
    // define your stories meta here
  });
</script>

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0006`

The first argument to the defineMeta() call was invalid. It must be a valid object expression with the same structure as the Default export in CSF.

<script module>
- const { Story } = defineMeta();
+ const { Story } = defineMeta({
+   title: 'Path/To/MyComponent',
+   component: MyComponent,
+   decorators: [ ... ],
+   parameters: { ... },
+ });
</script>

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0007`

A <Story> component received an invalid children prop. If set, the children prop must be a reference to a snippet defined in the root scope file. Eg.:

{#snippet template()}
  <span>🚀</span>
{/snippet}

<Story name="Rocket" children={template} />

This error indicates that the children prop was passed, but it was not correctly referencing a snippet.

`SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0008`

setTemplate() was called to set a default snippet, but the argument passed was not a reference to a root-level snippet in the file.

Below is a demonstration of correct usage:

<script>
  setTemplate(template);
</script>

{#snippet template()}
  <!-- ... -->
{/snippet}

SB_SVELTE_CSF_PARSER_EXTRACT_SVELTE_0009

Storybook stories indexer parser threw an unrecognized error. If you see this error, please report it on the issue tracker on GitHub.

`PARSER_EXTRACT_COMPILED`

Note

The errors in this category are most likely internal bugs during parsing of the compiled output rather than caused by users' invalid code.