Crash while running in dev mode in Vite

[dumbasPL]

steps to reproduce

1. create an empty vue with javascript project with vite yarn create vite
2. install this package and the leaflet package
3. replace App.vue with:

<script setup>
import "leaflet/dist/leaflet.css";
import { LMap } from "@vue-leaflet/vue-leaflet";
import { ref } from "vue";

const zoom = ref(1);
</script>

<template>
  <div style="height:600px; width:800px">
    <l-map ref="map" v-model:zoom="zoom" :center="[0, 0]">
    </l-map>
  </div>
</template>

4. run the dev server with yarn dev
5. do to the website and observe the error: TypeError: Cannot read properties of undefined (reading 'Default')

If you build for production using (yarn build && cd dist && npx serve) then the map works correctly.

This problem seems to be nix* related because it seems to work fine when running on Windows.

error screenshot

Versions

os: Arch Linux, also tested and not working on Ubuntu
node: 18.16.0
vue: 3.3.4
vite: 4.4.5
leaflet: 1.9.4
vue-leaflet: 0.10.1

[dumbasPL]

OK, I've now noticed the posts about :useGlobalLeaflet="false". And yes, that does fix the issue but still doesn't explain why It works on Windows but not Linux. Also, is there anything blocking us from fixing the underlying problem instead of pretending it doesn't exist?

[nsrosenqvist]

OK, I've now noticed the posts about :useGlobalLeaflet="false". And yes, that does fix the issue but still doesn't explain why It works on Windows but not Linux. Also, is there anything blocking us from fixing the underlying problem instead of pretending it doesn't exist?

I experienced a similar issue on macOS, "e is undefined", I could work around it by using :useGlobalLeaflet="false", thanks for including that information!

[dschmide]

This should be a top issue or not just mentioned in the SSR section