Angular FontAwesome не загружается - PullRequest
Новая
       36

Angular FontAwesome не загружается

0 голосов
/ 25 октября 2018

Я работаю над проектом, в котором у нас есть приложение Angular.Помимо этого у нас есть небольшая библиотека с компонентами, которые будут использоваться в нескольких приложениях.В этой библиотеке я использую FontAwesome.Позже я приведу некоторые объяснения, но проблема, с которой я столкнулся в настоящее время, заключается в том, что FontAwesome работает, когда я запускаю «ng serve», но после построения его на CI и использования этого артефакта я получаю сообщение об ошибке: «FontAwesome: не удалось найти значок с iconName= linkedin и префикс = fab ".

Контекстная библиотека: у меня есть универсальный модуль, который включает все компоненты.Этот модуль включает в себя пользовательский модуль, который выглядит примерно так: 

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';
import { faLinkedin } from '@fortawesome/free-brands-svg-icons/faLinkedin';
...
library.add(faLinkedin, ...);

@NgModule({
  imports: [
    FontAwesomeModule
  ],
  exports: [
    FontAwesomeModule
  ]
})
export class .... {}

В компоненте "ComponentLibraryModule" (который импортировал модуль FA) есть компонент, использующий эти значки.Компонент, использующий эти значки, используется в самой библиотеке, а не в приложении Angular, например: 

<fa-icon [icon]="['fab', 'linkedin']"></fa-icon>

Эта библиотека является зависимостью приложения Angular.Рядом с этим я также импортирую "ComponentLibraryModule".

Когда я запускаю команду "ng-serve", значки отображаются идеально, но когда я использую артефакт с сервера CI, все идет не так, и я получаю сообщение об ошибке ("FontAwesome: не удалось найти значок сiconName = linkedin и prefix = fab ").

Импортируя пользовательский FA-модуль и используя его в компоненте I, он должен работать везде, но, похоже, это не так.

Я не знаю, в чем здесь проблема.Я использую ng-packagr для сборки библиотеки, но я не знаю, может ли это вызвать эту проблему.Кто-нибудь имеет опыт работы с этим и / или может иметь идею?

Package.json: 

"@fortawesome/angular-fontawesome": "^0.2.0",
"@fortawesome/fontawesome-svg-core": "^1.2.4",
"@fortawesome/free-brands-svg-icons": "^5.3.1",
"@fortawesome/free-solid-svg-icons": "^5.3.1",
...