:: Benjamin Geets

Utiliser Leaflet avec SvelteKit

Si vous tentez d'importer Leaflet au début de votre composant Svelte, vous allez tomber sur cette erreur :

window is not defined

C'est à cause du serverside rendering.

Pour contourner le problème, il suffit de décaler l'import au moment où le composant est monté. Comme suit :

import { onMount } from 'svelte';
let L 
onMount(async()=>{
    L = await import('leaflet')
})

C'est con, mais j'ai passé 30min à trouver la magouille.

sveltesveltekitjamstack