如何将类型导入/使用到角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

您可以像这样导入所有的导出：

import * as L from "leaflet";

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

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

import { map } from "leaflet";

let m = map(...);

Answer 2

传单似乎与ES2015模块不兼容。尝试以下语法：

import * as L from 'leaflet'

像这样使用它：

let marker = L.marker(...)