Clarity Design与Angular 15兼容吗？版本升级报错求助

问题背景 #

项目升级至Angular 15，原使用Clarity版本：

"@cds/core": "5.0.0",
"@clr/angular": "5.0.0",
"@clr/icons": "5.0.0",
"@clr/ui": "5.0.0"

升级Clarity时出现依赖不兼容报错，更换多个旧版本问题依旧。

解决方案 #

Clarity从v13开始与Angular大版本严格对齐（如Clarity 15对应Angular 15），旧版Clarity（5.x）与Angular 15依赖完全不兼容，需安装匹配版本：

1. 卸载旧版Clarity包

npm uninstall @cds/core @clr/angular @clr/icons @clr/ui

2. 安装适配Angular 15的Clarity 15.x版本

npm install @cds/core@15 @clr/angular@15 @clr/icons@15 @clr/ui@15

3. 清理依赖缓存并重新安装

rm -rf node_modules package-lock.json
npm install

额外检查项 #

• 确保Angular CLI版本为15.x，与项目核心版本一致：

ng version

若CLI版本不符，执行npm install @angular/cli@15 -g全局更新，再执行ng update @angular/cli@15更新项目CLI配置。

• 检查项目中Clarity组件/模块的导入路径，新版本可能存在API调整，需替换废弃的导入方式。

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