Zoeken op website
javascript - Svelte-componenttesten met Jest, Kan Svelte-bestanden niet recursief laden
Ik werk aan een Svelte-project met Typescript en wil Jest gebruiken om UI-componenten te testen met behulp van de @testing-library/svelte-module. Ik kan niet al mijn Svelte-bestanden zoals mijn subcomponenten correct importeren en Jest blijft gewoon hangen bij het proberen de applicatie te laden.
Er zijn enkele TypeScript-fouten in de Svelte-componenten en door deze fouten te printen, kan ik zien welke bestanden daadwerkelijk geladen zijn. Na het laden van App.svelte bevriest het progra
Lees verder →Svelte TypeScript: Object is van het type 'unknown'
Ik probeer TypeScript te implementeren in Svelte en heb problemen met event handlers in aangepaste elementen. Wanneer ik zoiets schrijf:
<CustomComponent on:itemclick={() => dispatch("item", item)} on:doSometing={onDoSomethingHandler} on:doSomethingElse={onDoSomethingElseHandler}> </CustomComponent>En nu het grappige: de eerste twee zullen een fout genereren:
Object is van het type 'unknown'
Lees verder →javascript - Oneindige scroll-bug in Svelte hex viewer-component
Ik ben bezig geweest met het maken van een hex-viewercomponent die in staat is om de weergave van willekeurig grote arrays te verwerken. Er worden aantallen van tientallen miljoenen waarden verwacht. Het is me gelukt om deze component grotendeels werkend te krijgen, maar er is een moeilijk te vinden bug waarmee ik al dagen vastzit.
Het idee is om alleen te renderen naar de DOM wat momenteel zichtbaar is op het scherm. Er zijn spacer-elementen boven en beneden het viewport die de verplaa
Lees verder →Svelte en TypeScript: hoe een basis-/standaardcomponent zoals <div /> of <input/> toe te voegen of uit te breiden
In mijn Svelte-app probeer ik gebruikers in staat te stellen mappen te uploaden naast bestanden. Tot nu toe is de enige manier die ik heb gevonden om dit te doen door een input-tag te gebruiken met het attribuut type="file" en het webkitdirectory-attribuut toe te
Lees verder →typescript - Hoe implementeer je een Sveltekit Post-endpoint dat een asynchrone database-aanvraag doet?
Dus wanneer ik toegang krijg tot de SvelteKit post-endpoint, werkt het prima als ik wat waarden verstuur en ze niet door de validatiecontroles komen. Het retourneert de juiste status en body. Echter, wanneer het de database-insert uitvoert, geeft de endpoin
Lees verder →typescript - Google Analytics toevoegen met toestemmingsbeheer aan een SvelteKit-website
Ik moet Google Analytics toevoegen aan een SvelteKit-website. De instructies van Google zijn dat het onderstaande script moet worden toegevoegd aan de <head>-tag, dus ik dacht dat ik het gewoon in app.html kon toevoegen. Het probleem is dat ik de Toestemmingsmodus moet gebruiken om te voldoen aan de GDPR-regelgeving. Om dat te doen, moet ik toegang hebben tot een soort variabele om analytics in- en uit te schakelen.
Voor zover ik kan nagaan, kan ik geen t
Lees verder →typescript - Svelte Meerdere App Instanties met Stores. (zonder Redux)
opmerking:- zelf beantwoord
Standaard zijn er dus drie hoofdmanieren in Svelte waarmee je gegevens tussen verschillende componenten kunt doorgeven.
1. Het voor de hand liggende, door gebruik te maken van rekwisieten
Gegeven
Lees verder →typescript - Types gebruiken met Storybook en Sveltekit
Ik probeer Storybook te gebruiken samen met TypeScript en SvelteKit, hoewel dit me enkele problemen heeft gegeven waar ik mezelf niet uit kan helpen.
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', }De bovenstaande code geeft me de volgende fout op de regel
Lees verder →Het opnemen van een Typescript-bestand vanuit een Svelte-component met Rollup geeft een parseerfout
Korte achtergrond
- Ik wil een Visual Studio Code-extensie maken die webweergaven heeft
- Ik wilde Svelte/Typescript gebruiken om de webviews te maken, Typescript om de extensie zelf te maken
- Dit heeft geleid tot een ongebruikelijke projectstructuur, waarbij ik esbuild gebruik om de extensie te bouwen, rollup om de webviews te bouwen, en aparte tsconfig.json gebruik voor webviews in vergelijking met de extensie
typescript - SvelteKit beschermde routes: localStorage is niet gedefinieerd
Ik probeer routes te beschermen, of door te verwijzen naar de login wanneer auth_token niet in de lokale opslag staat.
In mijn src/routes/+layout.server.ts heb ik:
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, '/') } } Lees verder →