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

Question

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

Replace your /ext(framework_dir)/packages/font-awesome/ with /font-awesome/

then run sencha app refresh

但是之后我就看不到任何 FontAwesome 图标了。

所以这个：

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

},

现在看起来像这样：

有什么建议吗？

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

Answer 1

缺少 fontCls 参数。

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

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

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

iconCls: 'x-fa fa-home'

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

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

No Icons after Fontawesome upgrade in ExtJS 6

javascript

extjs

extjs6

font-awesome-5