TypeScript中@fullcalendar导入报错：Calendar声明冲突如何解决？

这个错误的核心是当前代码作用域里已经存在一个名为Calendar的本地声明（可能是你自己定义的类/变量/接口，或是其他导入的同名项），和@fullcalendar/core导入的Calendar重名了。以下是几种解决方式：

• 给导入的Calendar重命名
  使用TypeScript的as关键字为导入的模块成员指定别名，避免和本地声明冲突：

  import { Calendar as FullCalendar } from '@fullcalendar/core'
  import dayGridPlugin from '@fullcalendar/daygrid'
  

  之后使用FullCalendar实例化即可，比如：

  const calendar = new FullCalendar('#calendar', {
    plugins: [dayGridPlugin]
    // 其他配置项
  })
  

• 修改本地的同名声明
  查找当前文件或作用域内的本地Calendar声明（比如你自己写的class Calendar {...}），如果这个声明不需要叫Calendar，直接给它改个名字（比如MyCalendar），从根源上消除冲突。

• 排查重复导入
  检查文件中是否存在其他地方导入了同名的Calendar（比如从其他组件、库导入），这种情况可以选择给其中一个导入加别名，或者移除多余的重复导入。

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