He escrito un punto final de API con el siguiente código en Svelte que debería ayudar a obtener una cantidad de objetos de una base de datos basada en ORM de Prisma.io.

El punto final de la API se encuentra en routes/api/[slug].json.ts y contiene una función de obtención:

 export async function get({ params }) { const { slug } = params const objects = await prisma[slug].findMany({}) objects.forEach(function (object, index: number) { object.objectId = index }) return objects }

La funcionalidad de mi vista se encuentra en un archivo Svelte, llamado Cardview.svelte . Contiene el siguiente código:

 <script lang="ts"> export let object_model: string; let title = toTitleCase(object_model); async function obtain_objects(object_model: string) { const url = 'http://localhost:3000/api/' + object_model + '.json'; const objects = await fetch(url); return objects; } let objects = obtain_objects('measurement'); </script> {#await objects} Reading from server... <Spinner size="sm" type="grow" /> {:then objects} <Container> {#each objects as v} <div class="shadow mb-5 bg-white rounded"> <Varcard variable={v} /> </div> {/each} </Container> {:catch error} There was an error in loading the JSON {object_model}. <div><span>{error.message}</span></div> {/await}

Se omitieron algunas importaciones de diseño de otros archivos.

El problema con este código es que la parte let objects = .. nunca es evaluada por la sintaxis {#await... Esto significa que la página siempre está atascada en la fase de carga y los objects de objeto Javascript siempre permanecen dentro de una promesa. ¿Dónde está el problema en mi código?

Gracias.