Angular 15中FullCalendar v6出现Preact useId导入错误问题

问题原因 #

这个错误的核心是版本冲突：preact/compat需要用到useId钩子，但你项目里的Preact版本低于10.11.0（useId是在这个版本才新增的）。之所以随机出现，是因为npm的依赖解析机制偶尔会拉取不同版本的Preact，导致版本不一致。

修复步骤 #

• 在你的package.json中添加overrides字段，强制所有依赖使用统一的Preact稳定版本（示例用10.17.1，可替换为最新稳定版）：

  "overrides": {
    "preact": "^10.17.1"
  }
  

• 删除旧的依赖缓存文件：

  rm -rf node_modules package-lock.json
  

• 重新安装依赖：

  npm install
  

补充说明 #

哪怕你手动安装了Preact，项目中的其他依赖（比如你的bpmn工具）仍可能单独拉取旧版本的Preact。overrides会强制所有依赖都使用你指定的版本，彻底解决版本不一致的问题。

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