Leaflet : Uncaught ReferenceError: L is not defined

Hello,

I'm searching for some hours now to find the reason why leaflet doesn't work.

It's an application with Laravel 10 and ViteJS.

Here is my app.js.

import './bootstrap';

import Alpine from 'alpinejs'

window.Alpine = Alpine;

Alpine.start();

import { L } from 'leaflet';
import { GeoSearchControl, OpenStreetMapProvider } from 'leaflet-geosearch';

window.addEventListener('DOMContentLoaded', event => {
    window.L = L;
	window.OpenStreetMapProvider = OpenStreetMapProvider;
	window.GeoSearchControl = GeoSearchControl;
});

And here the view.

<script>
	var latitude = '{{ $player->latitude }}';
	var longitude = '{{ $player->longitude }}';

	var map = L.map('map').setView([latitude, longitude], 6)

	L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
	    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
	}).addTo(map);

	var icon = new L.Icon.Default();
	icon.options.shadowSize = [0,0];

	L.marker([latitude, longitude], {icon: icon})
		.addTo(map)
		.bindPopup('{{ $player->localization_string }}')
		.openPopup();
</script>

And I get this error.

Uncaught ReferenceError: L is not defined

If you have any advice for me, it would be great.

Thanks a lot ;).

V