安装react-draft-wysiwyg及其@types后既有代码报TS约束错误

以下是几种针对性的解决方法：

• 对齐依赖版本
  先排查项目中typescript、@types/react、@types/react-dom与@types/react-draft-wysiwyg的版本兼容性。执行命令查看版本依赖树：

  npm ls typescript @types/react @types/react-dom @types/react-draft-wysiwyg
  

  若发现版本不匹配（比如项目用React 18但@types/react-draft-wysiwyg仅支持React 17），需调整版本使其兼容。

• 升级/降级@types/react-draft-wysiwyg
  尝试安装最新版类型包，大概率能修复类型定义的兼容性问题：

  npm install @types/react-draft-wysiwyg@latest --save-dev
  

  若最新版仍有问题，可尝试降级到稳定版本（如适配React 17/18的1.13.4版本）：

  npm install @types/react-draft-wysiwyg@1.13.4 --save-dev
  

• 临时跳过库类型检查（紧急场景）
  若需快速恢复项目运行，可在tsconfig.json中启用skipLibCheck：

  {
    "compilerOptions": {
      "skipLibCheck": true
    }
  }
  

  注意：这只是临时方案，会跳过所有第三方库的类型检查，不建议长期使用。

• 修正自定义泛型代码
  若错误出现在你的业务代码中，检查是否在使用react-draft-wysiwyg组件时，传入的泛型参数未满足object约束。比如：

  // 错误写法：泛型T无object约束
  function CustomEditor<T>(props: T) {
    return <Editor {...props} />;
  }
  
  // 修正写法：添加object约束
  function CustomEditor<T extends object>(props: T) {
    return <Editor {...props} />;
  }
  

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