安装npm包jquery-timepicker后导入执行npm run build报错问题咨询

你的导入方式不符合jquery-timepicker的包设计规则。该库是jQuery生态的插件类库，没有对外提供名为TimePicker的ES模块命名导出，因此解构导入的写法会在编译阶段抛出导出不存在的报错。

• 前置依赖检查：确保项目已安装jquery依赖，该插件必须依赖jQuery运行，未安装可执行如下命令：

  npm i jquery
  

• 依赖导入写法：

  // 先引入jQuery
  import $ from 'jquery'
  // 直接全量导入jquery-timepicker，会自动将方法挂载到jQuery实例上
  import 'jquery-timepicker'
  // 导入配套样式文件
  import 'jquery-timepicker/jquery.timepicker.css'
  

• 调用示例：

  // 给指定的input元素初始化时间选择器
  $('#your-time-input').timepicker({
    timeFormat: 'h:mm p',
    interval: 15,
    // 其他自定义配置
  })
  

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