Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

90
Vistas
Error: exportar 'Dibujo' (importado como 'L') no se encontró en 'folleto'

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?

almost 4 years ago · Santiago Trujillo
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda