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

Vaadin 20正常使用的HTML图标升级至Vaadin 21后无法显示问题咨询

Vaadin 21版本HTML原生iron-icon图标空白问题原因
  • 核心诱因是Vaadin 21对图标集的前端加载逻辑做了未在显性公开文档中明确标注的调整:取消了默认全局预加载Vaadin默认图标集的逻辑,改为组件触发的按需加载机制。
  • Java API方式添加的图标可正常显示:Vaadin封装的Java Icon组件在实例化并添加到组件树时,会自动向当前页面注入对应图标集的注册逻辑和资源引用,vaadin前缀的图标集被正常注册,因此图标可以正常渲染。
  • 原生HTML编写的<iron-icon icon="vaadin:check"></iron-icon>显示空白:直接编写的HTML标签不会触发上述的按需注入逻辑,页面全局上下文没有注册vaadin前缀对应的图标集映射,iron-icon组件无法匹配到对应图标资源,因此渲染为空白。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.26 22:06:04