自定义UI库中styled-components重复安装致主题访问失败求解决方案

• 主应用安装的styled-components版本与UI库peerDependencies指定的6.0.8不匹配，Yarn为满足UI库的版本要求，单独在UI库的node_modules目录下安装了对应版本。
• UI库的package.json可能在dependencies中也声明了styled-components，导致peerDependencies的依赖共享规则被覆盖。
• Yarn的依赖提升机制异常，未将styled-components统一安装到主应用根目录的node_modules中，造成多版本共存。

• 对齐版本：检查主应用package.json中styled-components的版本，确保与UI库peerDependencies指定的6.0.8完全一致；若允许兼容小版本，可将UI库peerDependencies中的版本改为^6.0.8。
• 清理依赖声明：确保UI库的package.json中，styled-components仅出现在peerDependencies中，不要在dependencies里重复声明（开发阶段需要的话可放在devDependencies，打包时需排除）。
• 强制版本锁定：在主应用的package.json中添加resolutions字段，强制所有依赖统一使用指定版本的styled-components：

"resolutions": {
  "styled-components": "6.0.8"
}

• 清理缓存重装：执行yarn cache clean清除缓存，删除主应用的node_modules和yarn.lock文件，再重新运行yarn install。

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