Utilicé esta semilla para comenzar con Angular 2 Typecript y Webpack:https://github.com/haoliangyu/angular2-leaflet-starter.

Soy nuevo en la mayoría de las herramientas y tecnologías utilizadas (Angular 2, Typecript, Webpack). Si bien entiendo más y más sobre esto, parece que todavía no he comprendido cómobibliotecas JS no tipificadas de terceros están incluidos:

Me gustaría incluir elleaflet-routing-machine.js en mi proyecto Que yo sepa, si bien existen tipificaciones para el folleto, no existen tipificaciones para la máquina de enrutamiento de folletos.

Instalé el paquete a través denpm install y agregó el requeridocódigo de inicio rápido recortado para mostrar una ruta.

map.service.ts

/// <reference path="../../typings/leaflet/leaflet.d.ts"/>

import {Injectable} from 'angular2/core';
import {Map} from 'leaflet';

Injectable()
export class MapService {
  map: Map; // holds reference to the normal leaflet map object

  showRoute(){
        L.Routing.control({
        waypoints: [
            L.latLng(47.569198, 7.5874886),
            L.latLng(47.5685418, 7.5886755)
        ]
    }).addTo(this.map);

  }

}

El error que llegonpm start es:

ERROR in ./app/services/map.service.ts
(56,11): error TS2339: Property 'Routing' does not exist on type 'typeof L'.

Según tengo entendido, no debería incluir el archivo JS en el index.html, ya que esto debería hacerlo automáticamente el paquete web. Además del hecho de que generalmente no estoy seguro de cómo incluir bibliotecas de terceros sin tipificación (respuestas comoesta no ayudó) parece que mi caso es un poco diferente porque elL El objeto es un folleto estándar y no conoce elRouting propiedad. Lo que de alguna manera entiendo, ya que no veo cómo la biblioteca de la máquina de enrutamiento extiende la biblioteca de folletos.

¿Alguna sugerencia?