typescript - Bruke typer med Storybook og Sveltekit

Jeg prøver å bruke Storybook sammen med TypeScript og SvelteKit, men dette har gitt meg noen problemer som jeg ikke ser ut til å kunne løse selv.

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', }

Koden ovenfor gir meg følgende feil på linjen Primary.args={

Les mer →

Inkludering av Typescript-fil fra Svelte-komponent med Rollup viser parse-feil

Kort bakgrunn

• Jeg vil lage en Visual Studio Code-utvidelse som har webvisninger
• Jeg ønsket å bruke Svelte/Typescript for å lage webvisningene, Typescript for å lage selve utvidelsen
• Dette har ført meg til en uvanlig prosjektstruktur, hvor jeg bruker esbuild for å bygge utvidelsen, rollup for å bygge webvisningene, og bruker separate tsconfig.json for webvisningene sammenlignet med utvidelsen

Hv

Les mer →

typescript - SvelteKit beskyttede ruter: localStorage er ikke definert

Jeg prøver å beskytte ruter, eller omdirigere til pålogging når auth_token ikke er i lokal lagring.

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

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, '/') } }

Selv om jeg får:

Les mer →

typescript - Svelte, Skeleton, Tailwind npm install-feil

Jeg er ganske ny i svelte/typescript-verdenen, og siden i går får jeg plutselig noen feil etter installasjonen. Jeg gjorde nøyaktig det samme som for noen dager siden, og jeg kan ikke forstå hva som skjer.

Dette er hva jeg gjorde:

npm create svelte@latest diceGame cd diceGame npm install

Så installerte jeg Skeleton

npm i @skeletonlabs/skeleton --save-dev

Så installerte jeg Tailwind

npx svelte-add@latest tailwind

Les mer →

svelte + rollup + typescript + tsconfig paths: Gjør filer med .svelte-utvidelse importerbare med absolutt sti

Er det noen som har hemmelig kunnskap om hvordan man får dette til å fungere? Jeg prøver å migrere fra relative til absolutte imports ved å bruke tsconfig-paths og har problemer med oppløsning av *.svelte-filer.

tsconfig.json:

{ "extends": "@tsconfig/svelte/tsconfig.json", "compilerOptions": { "baseUrl": ".", "lib": [ "dom", "es2020" ], "paths": { //❗

Les mer →

javascript - Hvordan skriver jeg en Svelte-komponentinstansvariabel på riktig måte?

Jeg lærer hvordan man bruker Svelte, spesielt hvordan man binder til en komponentinstans, akkurat nå i opplæringen her: https://svelte.dev/tutorial/component-this

Jeg prøver å konvertere veiledningen til Typescript etter hvert som jeg går.

Jeg får en feil fra Typescript-kompilatoren (kjørt gjennom ESLint).

Kode

<!-- ./ComponentInstance.svelte --> <script lang="ts"> import InputField from './Input.svelte';

Les mer →

javascript - Hvordan skille mellom svelte-komponenter?

Jeg har følgende typescript-type:

type ItemTypes = (GameItem & { id: undefined }) | (CurrencyItem & { id: string });

GameItem er et objekt som ikke har attributtet "id", så normalt ville jeg skille mellom dem på denne måten i TS:

if (item.id !== undefined) { // CurrencyIt

Les mer →

Astro, Typescript og svelte-check

Jeg bygger et frontend-prosjekt ved hjelp av Astro. For noen dynamiske komponenter la jeg til Svelte som et UI-rammeverk.

Nå vil jeg integrere svelte-check, men kommandoen mislykkes på grunn av: Type annotasjoner kan bare brukes i TypeScript-filer.

For eksempel ser ikke export let languageCode: string

Les mer →

typescript - Svelte Carousel navigasjonsprikker aktive farger overgår ikke med lysbildene

Jeg jobber med en karusellkomponent ved hjelp av schadcn-svelte og embla carousel. Det første klikker på prikk 2 gir overgang fra lysbilde 1 til lysbilde 2, og de aktive prikkstiler oppdateres perfekt. Men etter den første reaksjonen slutter de aktive tilstandene til navig

Les mer →

kan ikke bruke installerte typer med TypeScript i Svelte

Jeg har hatt vanskeligheter med å få prosjektet mitt til å kompilere med en installert type. Jeg bruker MediaRecorder, og jeg har installert @types/dom-mediacapture-record. Med standardoppsettet klarte jeg ikke å få MediaRecorder gjenkjent.

Jeg har klart å få ting til å fungere ved 1) ikke å utvi

Les mer →