You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

安装Storybook后出现LibraryManagedAttributes重复标识符错误求解决

TS2300: LibraryManagedAttributes 重复声明问题解决

这个错误属于依赖版本冲突导致的重复类型声明,既不是TypeScript本身的问题,也不是Storybook的bug——本质是npm依赖解析时出现了嵌套的@types/react安装(react-dom的子依赖里又装了一份@types/react,和根目录的@types/react重复),导致TypeScript识别到两份相同的类型定义。

解决步骤

  • 排查依赖树,确认重复来源
    运行npm ls @types/react,查看输出里的嵌套依赖项,确认是哪个包(比如react-dom或Storybook的子依赖)拉取了重复的@types/react版本。

  • 强制统一所有依赖的react相关类型版本
    在package.json的overrides中补充@types/react和@types/react-dom的版本锁定(之前只覆盖了react本身,没处理类型包):

    "overrides": {
      "react": "^18.2.0",
      "@types/react": "^18.2.0",
      "@types/react-dom": "^18.2.0"
    }
    
  • 清理缓存并重装依赖
    执行以下命令彻底清理后重装:

    # macOS/Linux
    rm -rf node_modules package-lock.json
    npm install
    
    # Windows
    rmdir /s /q node_modules
    del package-lock.json
    npm install
    
  • 检查TypeScript配置(可选兜底方案)
    确保tsconfig.json的compilerOptions里没有重复引入react类型,同时可以在exclude中添加嵌套的重复依赖目录:

    "exclude": [
      "node_modules",
      "node_modules/@types/react-dom/node_modules"
    ]
    
  • 升级Storybook到最新稳定版(若上述方法无效)
    运行npx storybook@latest upgrade,更新Storybook及其依赖,新版本可能已经修复了依赖兼容问题。

内容的提问来源于stack exchange,提问作者Haradzieniec

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 06:32:41