FontAwesome 5:找不到图标money-check。

3
我正在尝试使用angular-fontawesome加载"money-check"图标,但是出现以下消息: FontAwesome: Could not find icon with iconName=money-check and prefix=fas 大多数其他图标都可以工作;我发现有一些图标不行:
  • money-check
  • money-check-alt
  • user-check

它们在升级指南中没有被列为重命名。

我的package.json文件:

"@fortawesome/angular-fontawesome": "0.1.0-10",
"@fortawesome/fontawesome-svg-core": "^1.2.0-11",
"@fortawesome/free-brands-svg-icons": "^5.1.0-8",
"@fortawesome/free-regular-svg-icons": "^5.1.0-8",
"@fortawesome/free-solid-svg-icons": "^5.1.0-8",

我的 app.module:

import {fas} from '@fortawesome/free-solid-svg-icons';
import {faPlayCircle, faThumbsUp, faThumbsDown} from '@fortawesome/free-regular-svg-icons';

library.add(fas, faPlayCircle, faThumbsUp, faThumbsDown);

我的HTML代码: <fa-icon class="icon type" icon="money-check" size="lg"></fa-icon>

4个回答

2

感谢@MBaas指引我正确的方向。我一直按照angular-fontawesome页面上的说明操作,现在已经回到了常规的font awesome安装方式。这是修复问题的package.json内容:

"@fortawesome/angular-fontawesome": "0.1.0-10",
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-free-brands": "^5.0.13",
"@fortawesome/fontawesome-free-regular": "^5.0.13",
"@fortawesome/fontawesome-free-solid": "^5.0.13",
"@fortawesome/fontawesome-svg-core": "^1.2.0-11",

2
请看图标页面:该图标是在5.0.13版本中添加的,而你似乎正在使用5.1.0-8版本。另外,user-check图标是从5.1.0.11版本开始存在的。

1
我看到您的HTML代码有误。 您写成了:

<fa-icon class="icon type" icon="money-check" size="lg"></fa-icon>

但应该是:

但应该是:

<fa-icon class="icon type" [icon]="faMoneyCheck" size="lg"></fa-icon>

检查 [图标]=

另外,需要导入它


您的解决方案出现了以下错误:在类型'...我的组件...'上不存在属性'faMoneyCheck'。 - Nikita Fuchs
你需要导入图标 - import { faMoneyCheck } from '@fortawesome/free-solid-svg-icons'; - Johnny Tmd

0

我遇到了同样的问题,我通过在library.add()加入必要图标并在相应行中导入来解决这个问题,对于你的情况,希望在你的app.module.ts中加入下面的代码:

import {fas , faMoneyCheck} from '@fortawesome/free-solid-svg-icons'; import {faPlayCircle, faThumbsUp, faThumbsDown} from '@fortawesome/free-regular-svg-icons';

library.add(fas, faPlayCircle, faThumbsUp, faThumbsDown , faMoneyCheck);

希望这能帮助到你,谢谢并抱歉我的英语。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接