Eu usei essa semente para começar a usar o Angular 2 Typescript e o Webpack:https://github.com/haoliangyu/angular2-leaflet-starter.

Eu sou novo na maioria das ferramentas e tecnologias usadas (Angular 2, Typecript, Webpack). Enquanto eu entendo cada vez mais sobre isso, parece que ainda não entendi comobibliotecas JS não tipadas de terceiros estão incluídos:

Eu gostaria de incluir oleaflet-routing-machine.js no meu projeto. Que eu saiba, embora existam digitações para folhetos, não existem tipificações para máquinas de roteamento de folhetos.

Eu instalei o pacote vianpm install e adicionou o necessáriocódigo de início rápido cortado para exibir uma rota.

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);

  }

}

O erro que eu entronpm start é:

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

Pelo que entendi, não devo incluir o arquivo JS no index.html, pois isso deve ser feito automaticamente pelo webpack. Além do fato de eu geralmente não ter certeza de como incluir bibliotecas de terceiros sem digitar (respostas comoesta não ajudou) parece que meu caso é um pouco diferente porque oL O objeto é um folheto padrão e não conhece oRouting propriedade. O que de alguma forma eu entendo, já que não vejo como a biblioteca da máquina de roteamento estende a biblioteca de folhetos.

Alguma sugestão?