如何将输入/使用打字输入角度2组件

Question

我真的想了解如何正确地将依赖项导入组件。

我已将Leaflet库及其打字安装到项目中（packages.json片段）：

    "@types/leaflet": "^1.0.38"
...
    "leaflet": "^1.0.2"

@types/leaflet/index.d.ts出口：

declare module 'leaflet' {
    export = L;
}

在我的组件文件中，获取所有投诉：

import leaflet from 'leaflet';
//import L from 'leaflet';

export class AppComponent {
  mymap = leaflet.map('mapid').setView([51.505, -0.09], 13);
}

  

模块''传单''没有默认的export.at第3行第8列

正确的导入声明是什么？ （我承认这是我理解角度cli / webpack /打字稿/黑洞的一个大漏洞）

Answer 1

Leaflet似乎与ES2015模块兼容。试试这个语法：

import * as L from 'leaflet'

并像这样使用它：

let marker = L.marker(...)

Answer 2

您可以导入所有导出：

import * as L from "leaflet";

let m = L.map(...);

或者你可以像这样单独导入它们：

import { map } from "leaflet";

let m = map(...);