React项目引入@pqina/filepond-plugin-image-editor时遭遇TS1192错误：模块无默认导出

我之前在整合FilePond图片编辑器插件时也碰到过完全一样的TS1192错误，结合你贴出的类型定义文件内容，咱们来快速定位并解决问题：

问题根源分析 #

从你提供的FilePondPluginImageEditor.d.ts文件能明显看出：这个插件的类型定义并没有导出FilePondPluginImageEditor这个默认成员。它的核心作用是扩展filepond模块的FilePondOptions接口，给FilePond新增图片编辑器相关的配置项，而非对外暴露一个可默认导入的插件对象。

你当前用import FilePondPluginImageEditor from "@pqina/filepond-plugin-image-editor"这种默认导入的方式，TypeScript会严格检查模块的导出成员，发现没有默认导出后就会抛出TS1192错误。

解决方案 #

根据这个插件的设计逻辑，有两种可行的解决方式：

方案1：仅导入模块（副作用式导入）

这个插件的本质是通过导入执行内部代码，自动完成对FilePond的插件注册和类型扩展，不需要你显式使用导出的变量。直接改成无赋值的导入即可：

// 只导入模块，让其代码执行以注册插件、扩展类型
import "@pqina/filepond-plugin-image-editor";

修改后你就可以在FilePond的配置中正常使用新增的选项（比如allowImageEditor: true、imageEditor: {...}等），TypeScript会通过你贴出的.d.ts文件自动识别这些扩展类型。

方案2：使用命名导入（手动注册插件场景）

如果你的FilePond版本要求手动注册插件（比如通过官方的registerPlugin方法），可以查看插件的实际JS导出结构，改用命名导入的方式。例如：

import { registerPlugin } from "filepond";
// 若类型定义未覆盖命名导出，可临时添加@ts-ignore跳过检查
// @ts-ignore
import { FilePondPluginImageEditor } from "@pqina/filepond-plugin-image-editor";

registerPlugin(FilePondPluginImageEditor);

验证 #

修改导入方式后，TS1192错误会立即消失，同时你在配置FilePond时，像allowImageEditor、imageEditorInstantEdit这些新增的配置项都会获得完整的类型提示——这正是你贴出的.d.ts文件要实现的核心效果。

内容来源于stack exchange