typescript - Hur implementerar man en Sveltekit Post-endpoint som gör en asynkron DB-förfrågan?

Så när jag går till SvelteKit post-endpoint fungerar det bra om jag skickar några värden och de inte klarar valideringskontrollerna. Det returnerar rätt status och kropp. Men när det gör DB-insert, returnerar endpointen ett 404-fel men lägger till användare

Läs mer →

typescript - Lägga till Google Analytics med samtyckeshanterare på en SvelteKit-webbplats

Jag behöver lägga till Google Analytics på en SvelteKit-webbplats. Instruktionerna från Google är att skriptet nedan bör läggas till i <head>-taggen, så jag tänkte att jag bara kunde lägga till det i app.html. Problemet är att jag behöver använda Consent Mode för att följa GDPR-regler. För att göra det behöver jag kunna läsa och skriva till någon form av variabel för att aktivera och inaktivera analytics.

Såvitt jag kan se kan jag inte komma åt några vari

Läs mer →

typescript - Använda typer med Storybook och Sveltekit

Jag försöker använda Storybook tillsammans med TypeScript och SvelteKit, men detta har gett mig några problem som jag inte verkar kunna lösa själv.

import Modal from './Modal.svelte' export default { title: 'Modal', component: Modal, } const Template = (args: any) => ({ component: Modal, props: args, }) export const Primary = Template.bind({}) Primary.args = { text: 'Hello World', }

Ovanstående kod ger mig följande fel på raden Primary.args=

Läs mer →

typescript - SvelteKit skyddade rutter: localStorage är inte definierad

Jag försöker skydda rutter, eller omdirigera till inloggningen när auth_token inte finns i lokal lagring.

I min src/routes/+layout.server.ts har jag:

import { redirect } from "@sveltejs/kit" import type { LayoutServerLoad } from "./$types" export const load: LayoutServerLoad = async ({ locals }) => { if (localStorage.getItem('auth_token') === null) { throw redirect(303, '/') } }

Även om jag f

Läs mer →

SvelteKit med TypeScript ingen IntelliSense inuti HTML?

Jag har en enkel sidkomponent, men min Intellisense inne i HTML fungerar inte... Dessutom, efter att ha bytt namn på en egenskap, byts det inte inne i HTML, det bara går sönder... TypeScript-version: 4.8.4 Här är min kod:

<script lang="ts"> import type { Blog } from "

Läs mer →

svelte - Typescript-fel med SvelteKit och Supabase-datahämtning (Typ 'null' kan inte tilldelas typen 'ArrayLike')

Jag har ett SvelteKit-projekt som är uppsatt och autentiserar med Supabase. Jag använde denna guide för det. Autentiseringen och hämtningen av data fungerar bra hittills. Faktiskt, när det gäller själva appen, fungerar allt som förväntat. Jag får bara ett irr

Läs mer →

typescript - Hur man använder miljövariabler i rotfilerna i ditt SvelteKit-projekt?

Jag har ett SvelteKit-projekt som använder TypeScript med en .env-fil i roten. I roten lade jag till en drizzle.config.ts-fil. När jag lägger till följande högst upp:

_import { DATABASE_HOST} from '$env/static/private';_

Läs mer →

typescript - Pixi.js i SvelteKit ger ett 'self är inte definierad'-fel endast under byggandet

Som titeln säger, när man använder Pixi.js i SvelteKit, ENDAST och ENDAST vid byggandet av applikationen, kommer det att ge ett "self is not defined"-fel, och det spåras tillbaka till @pixi/settings-modulen. Jag har försökt alla möjliga sätt som jag kä

Läs mer →

javascript - SvelteKit - "ReferenceError: File är inte definierad"

Ett snabbt problem jag stötte på medan jag utvecklade en webbapp med SvelteKit (och i förlängningen, Vite):

Inuti <script>-taggen i min +page.svelte-fil försökte jag definiera ett tomt platshållarobjekt File på följande sätt:

let formObject: FormCreationDa

Läs mer →

typescript - I Sveltekit, kan du returnera 2 misslyckade ActionResults?

Jag har en formuläråtgärd i min +page.server.ts-fil och jag returnerar ett fail om det misslyckas med zod-schema valideringen, vilket fungerar. Men när jag returnerar ett annat fail när PocketBase kastar ett fel om att e-post redan används, får jag detta typfel för varje fält utom e-post.

Läs mer →