用Vaadin app starter生成主-详细视图时，铁图标不可见 [英] the iron-icon not visible with a Master-Detail view generate with Vaadin app starter

问题描述

我已使用Vaadin App Starterhttps://start.vaadin.com/welcome和主-详细视图生成了一个新的Vaadin Flow应用程序。

我只在Windows 10上启动了"；Vaadin"；生成的代码。

     grid.addColumn("occupation").setAutoWidth(true);
        TemplateRenderer<SamplePerson> importantRenderer = TemplateRenderer.<SamplePerson>of(
                "<iron-icon hidden='[[!item.important]]' icon='vaadin:check' style='width: var(--lumo-icon-size-s); height: var(--lumo-icon-size-s); color: var(--lumo-primary-text-color);'></iron-icon><iron-icon hidden='[[item.important]]' icon='vaadin:minus' style='width: var(--lumo-icon-size-s); height: var(--lumo-icon-size-s); color: var(--lumo-disabled-text-color);'></iron-icon>")
                .withProperty("important", SamplePerson::isImportant);
        grid.addColumn(importantRenderer).setHeader("Important").setAutoWidth(true);

但在Windows 10上的两台不同PC中，看不到重要一栏中的铁图标(勾号和减号)。日志中没有错误。

您有解决方案吗？

推荐答案

适用于Vaadin 14到20。

除渲染器外，应用程序中不使用Vaadin图标。 因为Java代码中没有使用它，所以您应该在Master-Detail类的顶部添加此注释：

@Uses(Icon.class)

我将在start.vaadin.com中打开票证进行修复

适用于Vaadin 21+

Vaadin 21开始取代聚合物组件。铁图标不再可用，已被Vaadin图标取代。 在这种情况下，尚未更新启动程序。

您可以通过更改模板并将熨斗图标替换为vaadin图标来修复它。

您还需要添加注释，以确保它在生产模式下工作。我目前不知道Vaadin 21的替代者。

@Uses(Icon.class)

这篇关于用Vaadin app starter生成主-详细视图时，铁图标不可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！