TypeScript+Leaflet集成easyPrint插件报错：L.control.easyPrint不是函数

这个问题的核心是：你的TypeScript类型声明已经让IDE识别到了L.control.easyPrint方法，但运行时Leaflet的全局对象上并没有被插件正确注入这个方法——毕竟IDE的类型提示只看你写的.d.ts文件，和实际运行时的代码挂载逻辑无关。

结合你之前集成leaflet-measure正常的情况，大概率是leaflet-easyPrint的模块加载逻辑和measure插件有差异，下面是几个针对性的解决方案：

1. 手动将Leaflet暴露到全局window对象 #

很多老的Leaflet插件（包括easyPrint）会优先检查window.L是否存在，才会把自身方法挂载到L.control上。在模块化的TypeScript项目中，默认导入的L是局部变量，不会自动成为全局对象，所以可以手动暴露：

import * as L from 'leaflet';
// 手动将Leaflet挂载到全局window，让easyPrint插件能检测到
(window as any).L = L;
import 'leaflet-easyprint';

export default class Print {
    constructor(map: L.Map){
        let print = L.control.easyPrint({ title: 'Print map', position: 'topright' }).addTo(map);
    };
};

2. 手动挂载easyPrint方法到L.control #

如果上面的方法不生效，你可以直接获取easyPrint插件导出的构造函数，手动挂载到L.control上：

import * as L from 'leaflet';
// 导入easyPrint的构造函数
import easyPrint from 'leaflet-easyprint';

// 手动挂载到L.control命名空间下
L.control.easyPrint = easyPrint;

export default class Print {
    constructor(map: L.Map){
        let print = L.control.easyPrint({ title: 'Print map', position: 'topright' }).addTo(map);
    };
};

3. 检查版本兼容性 #

确认你安装的leaflet和leaflet-easyprint版本是否兼容：

• leaflet-easyPrint v2.x及以上版本支持Leaflet 1.x
• 如果你的Leaflet是0.x版本，需要降级easyPrint到v1.x

可以查看package.json中的版本号，调整后重新安装依赖：

npm install leaflet@^1.9.4 leaflet-easyprint@^2.4.0 --save

补充：优化你的类型声明 #

你的.d.ts文件整体没问题，但可以补充easyPrint的完整可选参数，让类型提示更准确（不影响运行，但提升开发体验）：

export interface IEasyPrintConstructorOptions {
    title?: string;
    position?: string;
    exportOnly?: boolean;
    printLayer?: L.Layer;
    tileLayer?: L.TileLayer;
    sizeModes?: string[];
    defaultSizeMode?: string;
    hideControlContainer?: boolean;
    hideClasses?: string[];
    customWindowTitle?: string;
    spinnerHtml?: string;
    printCallback?: () => void;
}

内容的提问来源于stack exchange，提问作者Ionut Alixandroae