错误 TS2304：找不到名称“HeatmapOverlay”+ 角度 10

Question

我安装了以下内容：

"@asymmetrik/ngx-leaflet": "^8.1.0",
"leaflet": "^1.7.1",
"leaflet-geosearch": "^3.0.6",
"leaflet-heatmap": "^1.0.0",
"leaflet-timedimension": "^1.1.1",
"leaflet.heat": "https://github.com/Leaflet/Leaflet.heat/tarball/gh-pages",
"@types/leaflet": "^1.5.17",

在 index.html 中，我添加了以下内容：在此处输入图片描述

并添加以下内容：

在此处输入图片说明

在 map.service.ts 我写了以下代码：

import * as L from 'leaflet';
import 'leaflet.heat/dist/leaflet-heat.js';

heatmapLayer = new HeatmapOverlay(this.cfg);

运行时项目正在运行，但在控制台中给我以下错误，并在构建项目时给我构建文件：

src/app/shared/services/map.service.ts:39:24 中的错误 - 错误 TS2304：找不到名称“HeatmapOverlay”。

Answer 1

发生的事情是 angular 无法识别 HeatmapOverlay，您可以执行以下操作之一：

import * as L from 'leaflet';
import 'leaflet.heat/dist/leaflet-heat.js';

heatmapLayer = new (window as any).HeatmapOverlay(this.cfg);

或将其声明为我推荐的类型

declare var HeatmapOverlay:any;