Sanity Vision 3.79.0 版本构建失败问题分析与解决方案

问题背景

在使用 Sanity 项目的 Vision 插件 3.79.0 版本时，开发者遇到了一个构建错误。错误信息显示在构建过程中无法找到 EditorSelection 的导出，导致整个构建过程失败。这个问题出现在 @uiw/react-codemirror 依赖项的版本兼容性上。

错误详情

构建过程中出现的具体错误信息如下：

No matching export in "node_modules/@uiw/react-codemirror/esm/index.js" for import "EditorSelection"

这个错误发生在 @sanity/vision 插件尝试从 @uiw/react-codemirror 导入 EditorSelection 时。开发者发现将 Vision 插件降级到 3.78.0 版本可以解决这个问题。

根本原因

经过分析，这个问题是由于依赖版本不匹配造成的。具体来说：

1. Vision 3.79.0 声明依赖 @uiw/react-codemirror 的版本为 ^4.19.9
2. 但实际上解析到了 4.23.8 版本
3. 在 4.19.9 版本中，EditorSelection 并没有被导出
4. 而 4.23.8 版本则导出了这个组件

这种版本解析的不一致性导致了构建失败。这是一个典型的依赖版本管理问题，在 JavaScript 生态系统中比较常见。

解决方案

Sanity 团队已经确认了这个问题，并提出了修复方案：

1. 修正依赖声明，确保使用正确的 @uiw/react-codemirror 版本
2. 确保依赖版本与实际的导出API保持一致

对于开发者来说，临时的解决方案是：

1. 将 @sanity/vision 降级到 3.78.0 版本
2. 等待官方发布修复后的新版本

经验教训

这个问题提醒我们：

1. 依赖版本管理在 JavaScript 项目中至关重要
2. 使用 ^ 等宽松的版本范围声明可能会导致意外的版本解析
3. 在升级依赖时，应该仔细检查所有依赖项的兼容性
4. 构建失败时，检查依赖版本是重要的排查步骤

结论

Sanity Vision 插件的这个构建问题展示了依赖管理的重要性。开发者在使用时应该注意版本兼容性，特别是在升级插件版本时。Sanity 团队已经意识到这个问题并正在修复，预计很快会发布兼容性更好的新版本。在此期间，开发者可以选择降级到 3.78.0 版本作为临时解决方案。

对于长期维护的项目，建议建立完善的依赖版本管理策略，包括：

• 定期更新依赖
• 使用锁文件确保一致性
• 在CI/CD流程中加入依赖兼容性检查
• 对新版本依赖进行充分测试