typescript - Svelte, Skeleton, Tailwind npm install-fout

Ik ben vrij nieuw in de svelte/typescript wereld en sinds gisteren krijg ik plotseling wat fouten na installatie. Ik heb precies dezelfde dingen gedaan als een paar dagen geleden en ik kan niet begrijpen wat er gebeurt.

Dit is mijn wat ik deed:

npm create svelte@latest diceGame cd diceGame npm install

Toen installeerde ik Skeleton

npm i @skeletonlabs/skeleton --save-dev

Toen installeerde ik Tailwind

npx svelte-a

Lees verder →

svelte + rollup + typescript + tsconfig-paden: Maak bestanden met de extensie .svelte importeerbaar via een absoluut pad

Heeft iemand geheim kennis over hoe dit werkt? Ik probeer over te stappen van relatieve naar absolute imports met tsconfig-paden en ondervind problemen met de resolutie van *.svelte-bestanden.

tsconfig.json:

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

Lees verder →

javascript - Hoe typ ik een Svelte-component instantievariabele correct?

Ik leer hoe ik Svelte moet gebruiken, specifiek hoe ik kan binden aan een componentinstantie die momenteel in de tutorial staat hier: https://svelte.dev/tutorial/component-this

Ik probeer de tutorial stap voor stap naar Typescript om te zetten.

Ik krijg een fout van de Typescript-compiler (uitgevoerd via ESLint).

Code

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

Lees verder →

javascript - Hoe svelte-componenten te verduidelijken?

Ik heb het volgende TypeScript-type:

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

Het GameItem is een object dat niet het "id"-attribuut heeft, dus normaal zou ik in TS op deze manier verduidelijken:

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

Lees verder →

Astro, Typescript en svelte-check

Ik ben een frontend-project aan het bouwen met Astro. Voor sommige dynamische componenten heb ik Svelte toegevoegd als UI-framework.

Nu wil ik svelte-check integreren, maar het commando faalt vanwege: Type-aanduidingen kunnen alleen in TypeScript-bestanden worden gebruikt.

Bijvoorbeeld export let langu

Lees verder →

typescript - Svelte Carousel navigatiedots actieve kleuren schakelen niet mee met de dia's

Ik werk aan een carrouselcomponent met schadcn-svelte en embla carousel. De eerste klik op stip 2 gaat van dia 1 naar dia 2, en de actieve stipstijlen worden perfect bijgewerkt. Maar na die eerste reactie stopt de actieve toestand van de navigatiestippen met bijwerken, en

Lees verder →

kan geïnstalleerde types niet gebruiken met TypeScript in Svelte

Ik heb het moeilijk gehad om mijn project te laten compileren met een geïnstalleerd type. Ik gebruik MediaRecorder en ik heb @types/dom-mediacapture-record geïnstalleerd. Met de standaardinstellingen kon ik MediaRecorder niet herkend krijgen.

Het is me gelukt om dingen werkend te krijgen door 1)

Lees verder →

typescript - Svelte Swiper veroorzaakt onverwachte @ in /swiper/swiper.scss

Dus, ik ben een site aan het bouwen met Svelte en ik gebruik Swiper voor een van de functionaliteiten, maar ik krijg deze foutmelding die zegt [!] Error: Unexpected character '@' (Let op dat je plugins nodig hebt om bestanden te importeren die geen JavaScript zijn). Dit geeft

Lees verder →

import - Een fout bij het importeren van zelfgeschreven TypeScript-modules in een Svelte-component

Ik probeer een zelfgeschreven TypeScript-module te importeren in een Svelte-component. Echter, ik krijg de volgende foutmelding wanneer ik probeer de module te importeren met de volgende regel

we ontvangen de volgende fout:

Lees verder →

typescript - Hoe een enum te importeren met een pad-alias in Svelte Kit?

Het probleem

Ik kan geen enum importeren uit een .ts-bestand in een __layout.svelte-component met behulp van een padalias.

Ik heb een interface die ik kan exporteren en zonder probleem kan gebruiken via het padalias. Het importeren van een enum g

Lees verder →