easepick报错RangePlugin not found，无法实现日期范围选择

问题根源 #

你在配置plugins时用了字符串'RangePlugin'，这种写法只适用于全局CDN引入的场景。当你通过import模块化导入插件时，必须传入实际的插件对象，而不是字符串名称——这就是控制台提示“RangePlugin not found”的核心原因。

修正步骤 #

1. 保留现有导入语句（已正确导入RangePlugin）
2. 修改plugins数组，直接传入导入的RangePlugin变量
3. 若需要预设样式对应的功能，同步导入PresetPlugin并添加到插件列表

修正后的代码 #

import { easepick, RangePlugin, PresetPlugin } from '@easepick/bundle';

const picker = new easepick.create({
    element: document.getElementById('datepicker'),
    css: [
        'https://cdn.jsdelivr.net/npm/@easepick/core@1.2.1/dist/index.css',
        'https://cdn.jsdelivr.net/npm/@easepick/range-plugin@1.2.1/dist/index.css',
        'https://cdn.jsdelivr.net/npm/@easepick/preset-plugin@1.2.1/dist/index.css',
    ],
    plugins: [RangePlugin, PresetPlugin], // 传入插件对象而非字符串
});

额外说明 #

• 若不需要预设样式功能，可仅保留RangePlugin在plugins数组中
• 单独安装核心包+插件包的场景下，逻辑完全一致：导入插件对象后传入plugins数组，禁止使用字符串形式

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