When I try to add a simple Tabulator component to the Sveltekit starter app, the page flashes on screen without the table, then I get “500 Internal Error”. I don’t know how to debug this.

My TabulatorTable.svelte:

<script>
   
  import pkg from 'tabulator-tables';
  const {Tabulator} = pkg;

  import {onMount} from 'svelte';

  export let data, columns;

  let tableComponent;
  onMount(() => {
    new Tabulator(tableComponent, {
      data: data, //link data to table
      reactiveData: true, //enable data reactivity
      columns: columns, //define table columns
    });
  });
</script>

<div bind:this="{tableComponent}"></div>
    
<svelte:head>
    <link href="https://unpkg.com/[email protected]/dist/css/tabulator.min.css" rel="stylesheet">
</svelte:head>

My +page.svelte:

<script>
    import Tabulator from './Tabulator.svelte'
    let columns = [
        {title: "One", field: "One"},
        {title: "Two", field: "Two"},
        {title: "Three", field: "Three"},
        {title: "Four", field: "Four"},
        {title: "Five", field: "Five"}
    ]
    let data = [
        {One: "One", Two: "Two", Three: "Three", Four: "Four", Five: "Five"a}
    ]
</script>

<svelte:head>
    <title>Home</title>
    <meta name="description" content="Svelte demo app" />
</svelte:head>

<h1>Hello</h1>
<br>
<TabulatorTable columns="{columns}" data="{data}" />