Estoy tratando de incluir svelte material ui en mi aplicación sveltekit . me sale el error:
Aquí hay una muestra de mi código:
<script context="module" lang="ts"> export const prerender = true; </script> <script lang="ts"> import Counter from '$lib/Counter.svelte'; </script> <script lang="ts"> import Button, { Label } from '@smui/button'; let clicked = 0; </script> <svelte:head> <title>Home</title> </svelte:head> <section> <h1> <div class="welcome"> <picture> <source srcset="svelte-welcome.webp" type="image/webp" /> <img src="svelte-welcome.png" alt="Welcome" /> </picture> </div> to your new<br />Svelte <Button variant="raised"> aaaaaaa </Button> </h1> <h2> try editing <strong>src/routes/index.svelte</strong> </h2> <Counter /> </section>¿Qué esta pasando? ¿Qué me estoy perdiendo? Existe este hilo sobre el problema en github , pero parece que no lo encuentro útil. Sería feliz si alguien pudiera explicar exactamente lo que está sucediendo aquí. ¡Gracias!
Es porque tiene dos etiquetas de script en su componente. Debe tener solo uno.
<script context="module" lang="ts"> export const prerender = true; </script> <script lang="ts"> import Counter from '$lib/Counter.svelte'; import Button, { Label } from '@smui/button'; let clicked = 0; </script> <svelte:head> <title>Home</title> </svelte:head> <section> <h1> <div class="welcome"> <picture> <source srcset="svelte-welcome.webp" type="image/webp" /> <img src="svelte-welcome.png" alt="Welcome" /> </picture> </div> to your new<br />Svelte <Button variant="raised"> aaaaaaa </Button> </h1> <h2> try editing <strong>src/routes/index.svelte</strong> </h2> <Counter /> </section>