Vue3集成vue-codemirror 6.x出现扩展识别错误求助

这个错误的核心原因是项目中加载了多个不同版本的@codemirror/state包，破坏了CodeMirror内部的instanceof类型检查逻辑，导致扩展无法被正确识别。以下是具体解决步骤：

• 检查重复依赖
  运行命令查看@codemirror/state的依赖树：

  npm ls @codemirror/state
  # yarn 用户运行：
  yarn list @codemirror/state
  

  确认输出中是否存在多个版本的该包。

• 强制统一依赖版本
  在package.json中添加resolutions字段，强制所有依赖使用同一版本的@codemirror/state：

  "resolutions": {
    "@codemirror/state": "^6.0.1"
  }
  

  执行依赖安装命令更新：

  npm install
  # 或 yarn install
  

• 清除缓存并重装依赖
  如果上述步骤无效，彻底清理现有依赖后重新安装：

  # 删除依赖文件夹和锁文件
  rm -rf node_modules package-lock.json
  # yarn 用户执行：rm -rf node_modules yarn.lock
  npm install
  

• 验证修复结果
  再次运行依赖树检查命令，确认@codemirror/state仅存在一个版本，之后重启项目即可。

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