在 ExtJS 6 中升级 Fontawesome 后没有图标答案

【问题标题】：No Icons after Fontawesome upgrade in ExtJS 6在 ExtJS 6 中升级 Fontawesome 后没有图标
【发布时间】：2019-02-21 11:09:59
【问题描述】：

我有 Sencha ExtJS 6，但一些新的 FontAwesome 图标没有用。我认为这是由于旧版本的 FontAwesome 造成的。然后我决定升级它并按照本教程进行操作：https://github.com/yamayamayamaji/extjs-package-fontawesome 其中说：

替换你的 /ext(framework_dir)/packages/font-awesome/ 与 /font-awesome/

然后运行 sencha app refresh

但在此之后我看不到任何 FontAwesome 图标。

所以这个：

{
    title: 'Dashboard',
    iconCls: 'fa-home',
    bind:
    {
        html: 'Test'
    }

},

现在看起来像这样：

有什么建议吗？

顺便说一句，我在控制台中没有任何错误。

【问题讨论】：

是从 4 到 5 的升级吗？ stackoverflow.com/questions/41025192/…
是的。但是找不到任何其他 ExtJS 教程。

标签： javascript extjs extjs6 font-awesome-5

【解决方案1】：

fontCls 参数丢失。

在 ExtJS 6 中，iconCls 使用以下符号指定：

iconCls: '{fontCls} {iconPrefix}-{iconName}'

因此，请尝试指定x-fa fa-home，而不仅仅是fa-home，如下所示：

iconCls: 'x-fa fa-home'

https://docs.sencha.com/extjs/6.0.2/guides/core_concepts/font_ext.html

【讨论】：