typescript - Az ESLint azt panaszolja, hogy a SvelteKit App névtere nincs definiálva

A +error.svelte oldalon szeretnék importálni egy komponenst, majd átadni neki az error objektumot.

<script lang="ts"> import { page } from "$app/stores"; const error = $page.error; </script> <RenderError {error} />

További információ →

javascript - Megerősítés kérése az útvonal változtatása előtt Sveltekit

Azt szeretném, ha a felhasználót a confirm() függvénnyel kéri felugró ablakban történő megerősítésre.

Eddig ezt a kódot használom annak nyomon követésére, amikor a felhasználó változtatja az útvonalat:

import { navigating } from '$app/stores'; $: if($navigating) alert('changing route');

További információ →

typeerror - A SvelteKit nem ismeri fel a Typescript szintaxist

Van egy SvelteKit projektem TypeScript-tel (Vite-tal beállítva), ami rendben működött, amikor a "npm run dev" parancsot futtattam. Azonban, amikor megpróbáltam az alkalmazást a Github Pages-re feltenni, ez a hiba jelent meg (helyi hoszton), amikor az egyetlen, TypeScript kódot tartalmazó linkem fölé vittem az egeret (a link fölé vitelkor a lap előtöltődik).

[plugin:vite-plugin-svelte] Váratlan token

[plugin:vite-plugin-svelte] C:/Users/mwnbo/source/repos/Svelte/chess-a

További információ →

typescript - Hogyan működik az @type import('./$types') komment szintaxis a SvelteKit-ben?

Jelenleg a SvelteKitet tanulom, és találtam egy kódot, aminek a szintaxisát nem értem.

A +page.server.ts-ben nem értem ezt a szintaxist:

/** @type {import('./$types').PageServerLoad} */

Az én tapasztalatlan szememnek ez úgy tűnik, mintha csak kikommentelve lenne, de a /** */ valamit csinál, ami biztosítja, hogy működjön. Fogalmam sincs.

Válasz #1

A SvelteKit létrehoz egy .svelte-kit

További információ →

javascript - Hogyan lehet adatot átadni SvelteKit Hook-ból az oldalra

A SvelteKit-kel dolgozom, hogy a felhasználói hitelesítést JWT dekódoláson keresztül kezeljem egy szerver hookban. Sikeresen elmentettem a felhasználói adatokat a 'sessionUser'-ben, amely látható, amikor az event.locals-ot naplózom. Azonban nehézségekbe ütközöm, amikor ezeket az adatokat a +page.svelte fájlomban található load függvényben próbálom elérni. Minden alkalommal, amikor az oldalon naplózom ezeket az adatokat, undefined-ként tér vissza. Bármilyen irányba mutató segítséget nagyra ért

További információ →

typescript - Hogyan konfiguráljunk egy index.d.ts fájlt a lib mappában SvelteKit-ben

A következő könyvtárszerkezettel rendelkezem a SvelteKitben:

... lib/ form/ Input.svelte Button.svelte ...

Szerettem volna egy index.d.ts fájlt vagy valami hasonlót létrehozni, hogy az egyes komponensek külön importálása helye

További információ →

typescript - Írható tároló felülíródik az oldalváltáskor, SvelteKit

Én is értékekhez a írható tárolóban tárolva

import { writable } from 'svelte/store' export const user = writable(null) export const isLoggedIn = writable(false)

Ezután importálom ezeket az értékeket, és beállítom őket az indexben

import { getAuth, signInWith

További információ →

svelte - Importálási hiba típusok importálásakor SvelteKit TypeScript alkalmazásban

Amikor megpróbálom futtatni a SvelteKit alkalmazásomat, a következő hibát kapom:

Van egy types.ts fájlom, ahol exportálom a TypeScript típusaimat:

export type ProductType = { name: string; link: string; imgURL: string; alt: string };

És az index.svelte fájlomban importálom a típust:

<script

További információ →

typescript - Van rövidebb/tömörebb mód a mezők érvényesítésére SvelteKit-ben?

Jelenleg egy csomó segédfüggvényt használok, valamint a SvelteKit $ operátort annak meghatározására, hogy egy űrlap érvényes-e vagy sem, a következő módon:

<script lang="ts"> const required = (str: string) => str.length <

További információ →

svelte - 'require' nincs definiálva - Sveltekit TypeScript-tel

Mind a import, mind a require szintaxist használom .ts fájlokban egy Svelte projektben, és azon tűnődöm, miért ad hibát.

a require nincs definiálva

Azon tűnődöm, van-e egy rés a tudásomban, és hogy kihagyok-e valami egyszerűt?

tsconfig.json:

{ "compilerOptions": { "moduleResolution": "node", "module": "commonjs", "li

További információ →