Я использую Angular 6 angular-starter и fontawesome, затем здесь о том, как установить fa to ng.
По моему .ts выглядит так:
import { library, dom } from '@fortawesome/fontawesome-svg-core';
import { faInstagram } from '@fortawesome/free-brands-svg-icons/faInstagram';
import { faLink } from '@fortawesome/free-solid-svg-icons/faLink';
public ngOnInit() {
library.add(faInstagram);
library.add(faLink);
dom.watch();
}
Тогда в .html:
<fa-icon [icon]="['fab', 'instagram']"></fa-icon>
Отлично работает, за исключением бесплатных брендов, @fortawesome/free-brands-svg-icons
. При сборке (запуск npm) выдает ошибку / предупреждение Argument of type 'IconDefinition' is not assignable to parameter of type 'IconDefinitionOrPack'. 'IconDefinition' is not assignable to type 'IconPack'. signature is missing in type 'IconDefinition'.
при сборке 92%, но на самом деле сборка кажется успешной, и появляется значок instagram, но я обеспокоен, потому что появляется красная линия под кодом.
Может кто-нибудь разобраться?
Мой пакет.json
"@fortawesome/angular-fontawesome": "^0.3.0",
"@fortawesome/fontawesome-svg-core": "^1.2.6",
"@fortawesome/free-brands-svg-icons": "^5.4.2",
"@fortawesome/free-solid-svg-icons": "^5.4.1",