Estos son mis paquetes:
"@types/leaflet": "^1.8.0",
"@types/leaflet-draw": "^1.0.5",
"leaflet-canvas-markers": "^1.0.7",
"leaflet": "^1.9.1",
"leaflet-draw": "^1.0.4",
Estas son mis importaciones en la parte superior de mi archivo de servicio Angular:
import * as L from 'leaflet';
import 'leaflet-canvas-markers';
import 'leaflet-draw';
En Angular 13 ( Typescript 4.6.4 ) estaba bien, pero ahora me muevo a Angular 14 ( Typescript 4.7.4 ) y recibo este error:
Error: export 'Draw' (imported as 'L') was not found in 'leaflet' (possible exports: ...)
Tengo el mismo comportamiento con la biblioteca npm "canvasMarker".
Error: export 'canvasMarker' (imported as 'L') was not found in 'leaflet' (possible exports: ...)
El código que genera el error dentro de mi servicio Angular es:
const leafletDrawPolyline = new L.Draw.Polyline(map, options);
Después de leer esto , probé lo siguiente sin éxito:
const leafletDrawPolyline = new (L.Draw as any).Polyline(map, options);
Entiendo que es una especie de problema de importación a nivel de Typescript, pero no sé cómo resolverlo. ¿Cualquier sugerencia?