NullInjectorError：没有 FaConfig 提供程序

Question

使用github 中提到的 npm 将angular-fontawesome安装到 angular 应用程序中

在开发模式下工作正常。但在生产构建中出错。

当然，最初的错误是

NullInjectorError: StaticInjectorError(Do)[qm -> t]: StaticInjectorError(Platform: core)[qm -> t]: NullInjectorError: No provider for t!

必须将angular.json中的设置更改为

"optimization": false,
...
"buildOptimizer": true,

找出实际错误

NullInjectorError: StaticInjectorError(AppModule)[FaIconComponent -> FaConfig]: StaticInjectorError(Platform: core)[FaIconComponent -> FaConfig]: NullInjectorError: No provider for FaConfig!

我该如何解决这个问题。

该模块有

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';

添加到进口

  @NgModule({
  declarations: [...],
  imports: [
    ...
    FontAwesomeModule
  ],

并且组件有

import { faEllipsisV, ... } from '@fortawesome/free-solid-svg-icons';

就像如何指导中提到的那样。

这里是依赖

  "dependencies": {
    "@angular/animations": "~8.2.11",
    "@angular/cdk": "~8.2.3",
    "@angular/common": "~8.2.11",
    "@angular/compiler": "~8.2.11",
    "@angular/core": "~8.2.11",
    "@angular/forms": "~8.2.11",
    "@angular/material": "^8.2.3",
    "@angular/platform-browser": "~8.2.11",
    "@angular/platform-browser-dynamic": "~8.2.11",
    "@angular/router": "~8.2.11",
    "@fortawesome/angular-fontawesome": "^0.6.0-alpha.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.25",
    "@fortawesome/free-solid-svg-icons": "^5.11.2",
    "bootstrap": "^4.3.1",
    "classlist.js": "^1.1.20150312",
    "hammerjs": "^2.0.8",
    "ngx-bootstrap": "^5.2.0",
    "ngx-cookie-service": "^2.2.0",
    "ngx-webstorage-service": "^4.1.0",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "web-animations-js": "^2.3.2",
    "zone.js": "~0.9.1"
  }

角度版本 8.3.12.

Answer 1

这是最新版本 0.6.0-alpha.0 中的一个问题，当您不指定版本时，它可能会自动安装。

https://github.com/FortAwesome/angular-fontawesome/issues/210

您可以降级到 0.5.0 版以解决此 AOT 构建错误：

npm i @fortawesome/angular-fontawesome@0.5.0