Angular + Clarity 框架下部分内置图标无法正常加载问题求助

• 核对无法加载的图标shape属性值是否与官方定义完全一致，属性值为短横线分隔的小写命名（kebab-case），大小写敏感，排查是否存在拼写错误、多余空格、命名格式不符合要求的问题
• 确认无法加载的图标是否属于非核心图标集，Clarity默认仅内置核心常用图标，其余图标需要在项目启动阶段手动调用注册API完成注册后才可正常渲染，即使本地存在对应svg文件也不会自动注册生效
• 核对本地svg映射配置文件的键名，是否与你使用的shape属性值完全匹配，注意是否存在前缀遗漏（如Clarity官方默认带vm-前缀，部分自定义配置可能修改前缀规则）
• 打开浏览器控制台网络面板，筛选svg类型请求，查看无法加载的图标是否触发了资源请求：若返回404则检查资源打包路径配置是否有误；若无对应请求则优先排查图标注册逻辑
• 排查项目打包配置，检查是否配置了svg资源过滤、tree-shaking规则误删了未显式引入的图标资源文件，可临时关闭资源压缩、摇树规则验证是否恢复正常
• 单独创建最小Demo项目，使用和当前项目完全一致的Clarity版本，直接引入无法加载的图标，验证是否是项目本地配置导致的问题，排除图标本身在对应版本不存在的可能性

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