Здесь следовали инструкциям:
https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers
для настройки иконок Pro и здесь:
https://fontawesome.com/how-to-use/on-the-web/using-with/angular
для использования в Angular 6
Работает нормально, когда я использую только бесплатные иконки.
В модуле:
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
В component.ts:
import { faHandshake } from '@fortawesome/free-solid-svg-icons'
export class EntityUserComponent implements OnInit {
faHandshake = faHandshake;
В component.html:
<fa-icon [icon]="faHandshake"></fa-icon>
НО, когда я пытаюсь получить к нему доступ, или любой другой значок, из:
import { faHandshake } from '@fortawesome/fontawesome-pro'
Значок не появляется и в консоли я получаю:
FontAwesome: не удалось найти значок. Похоже, вы указали ноль
или неопределенный объект значка для этого компонента.
Я прочитал FontAwesome Icons в Angular 6? , но не думаю, что решение OP применимо ко мне, так как я думаю, что это может быть проблемой Pro (хотя я не уверен, что такое VS!) И Я стараюсь сделать это «правильным» способом, если это возможно. Любые указатели с благодарностью получены.