typescript - O ESLint reclama que o namespace App do SvelteKit não está definido
Na minha página +error.svelte quero importar um componente e depois passar o objeto de erro.
<script lang="ts"> import { page } from "$app/stores"; const error = $page.error; </script> <RenderError {error} /> Ler mais →javascript - Pedir confirmação antes de mudar de rota no Sveltekit
Quero pedir a confirmação do utilizador utilizando a função confirm().
Para já, eu acompanho quando o utilizador está a mudar de rota com este código:
import { navigating } from '$app/stores'; $: if($navigating) alert('changing route');Mas muda a rota ao mesmo tempo que
Ler mais →typeerror - SvelteKit não está a reconhecer a sintaxe TypeScript
Tenho um projecto SvelteKit com TypeScript (configurado com Vite) que funcionava bem ao executar "npm run dev". No entanto, quando tentei colocar a aplicação no Github Pages, este erro apareceu (no host local) ao passar o cursor sobre o meu único link que contém código TypeScript (ele pré-carrega a página quando o link é passado com o cursor).
[plugin:vite-plugin-svelte] Token inesperado
[plugin:vite-plugin-svelte] C:/Users/mwnbo/source/repos/Svelte/chess-app/src/lib/B Ler mais →typescript - Como funciona a sintaxe de comentário @type import('./$types') no SvelteKit?
Atualmente, estou a aprender SvelteKit e deparei-me com algum código cuja sintaxe não percebo.
No +page.server.ts eu não percebo esta sintaxe:
/** @type {import('./$types').PageServerLoad} */Para o meu olho não treinado, isto parece estar apenas comentado, mas o /** */ está a fazer algo que garante que funciona. Não faço ideia.
Resposta #1
O SvelteKit gera um diretório .svelte-kit
Ler mais →javascript - Como Passar Dados de um Hook do SvelteKit para a página
Estou a trabalhar com SvelteKit para gerir a autenticação de utilizadores através da decodificação de JWT num hook de servidor. Consegui armazenar dados do utilizador em 'sessionUser', que é visível quando registo event.locals. No entanto, estou a ter dificuldades em aceder a estes dados na função load dentro do meu ficheiro +page.svelte. Sempre que registo estes dados na página, eles aparecem como indefinidos. Qualquer orientação na direção certa seria apreciada!
console log para event
Ler mais →typescript - Como configurar um ficheiro index.d.ts dentro da pasta lib no SvelteKit
Tenho a seguinte estrutura de diretórios no SvelteKit:
... lib/ form/ Input.svelte Button.svelte ...Queria colocar um ficheiro index.d.ts ou algo parecido para poder importar o ficheiro index em vez de cada compo
Ler mais →typescript - O store gravável é sobrescrito ao mudar de página, SvelteKit
Eu para valores armazenados numa loja gravável
import { writable } from 'svelte/store' export const user = writable(null) export const isLoggedIn = writable(false)Em seguida, importo estes valores e defini-los no índice
import { getAuth, signInWithPopup, Go Ler mais →svelte - Erro de importação ao importar tipos numa aplicação SvelteKit em TypeScript
Ao tentar executar a minha aplicação SvelteKit recebo o seguinte erro:
Tenho um ficheiro types.ts onde exporto os meus tipos do TypeScript:
export type ProductType = { name: string; link: string; imgURL: string; alt: string };E no meu index.svelte eu importo o tipo:
<script context="m Ler mais →typescript - Existe uma forma mais curta/concisa de validar campos no SvelteKit?
Atualmente, estou a usar um conjunto de funções utilitárias, bem como o operador $ do SvelteKit para determinar se um formulário é válido ou não da seguinte forma:
<script lang="ts"> const required = (str: string) => str.leng Ler mais →svelte - 'require' não está definido - Sveltekit com TypeScript
Estou a usar tanto a sintaxe import como require em ficheiros .ts num projeto Svelte, e a perguntar-me por que razão me está a dar o erro
require não está definido
Estou a perguntar-me se há um buraco no meu conhecimento e se estou a perder algo simples?
tsconfig.json:
{ "compilerOptions": { "moduleResolution": "node", "module": "comm Ler mais →