Angular 使用别名时无法从@fortawesome/free常规svg图标导入

Angular 使用别名时无法从@fortawesome/free常规svg图标导入,angular,font-awesome,font-awesome-5,angular-fontawesome,Angular,Font Awesome,Font Awesome 5,Angular Fontawesome,使用别名引用图标时无法导入图标。我特别注意到了from@fortawesome/free常规svg图标的问题。有时需要使用别名,因为库中的图标可能有重复的名称,并且您希望同时导入它们 这是在小角度升级(7.1->7.2)之前运行的代码。 以下是来自于网站的指导。请参阅本页最后一节 我尝试过升级fortawesome软件包,并在导入的别名和图标上乱动。我注意到删除别名可以很好地导入图标 应用程序模块 import { library, dom } from '@fortawesome/fontaw

使用别名引用图标时无法导入图标。我特别注意到了from
@fortawesome/free常规svg图标的问题。有时需要使用别名,因为库中的图标可能有重复的名称,并且您希望同时导入它们

这是在小角度升级(7.1->7.2)之前运行的代码。 以下是来自于网站的指导。请参阅本页最后一节

我尝试过升级fortawesome软件包,并在导入的别名和图标上乱动。我注意到删除别名可以很好地导入图标

应用程序模块

import { library, dom } from '@fortawesome/fontawesome-svg-core';

import { faSpinner, faCopy } from '@fortawesome/free-solid-svg-icons';
library.add(faSpinner, faCopy);

import { faCopy as farCopy } from '@fortawesome/free-regular-svg-icons';
library.add(farCopy); // <-- This is where the error is thrown

dom.watch();
浏览器错误
未捕获引用错误:farCopy未定义

我今天遇到了这个问题,但我使用的是Typescript而不是Angular,不确定这个解决方案是否也适用于您

我的问题是,当从免费的常规svg图标添加到svg核心时,我的typescript中会出现编译错误

Argument of type 'IconDefinition' is not assignable to parameter of type 'IconDefinitionOrPack'.
当我这么做的时候

import { library } from '@fortawesome/fontawesome-svg-core';
import { faClock} from '@fortawesome/free-regular-svg-icons';
library.add(faClock); // <-- error here

评论如果这对你有效或无效,如果这个解决方案不能转化为你的话,我会把这篇文章删掉

您遇到的错误是什么?图片链接已断开,从控制台添加了原始文本。您是否与其他图标一起遇到此错误?另外,你能显示全部错误吗?是的,任何我用别名的图标。从未下过决心,但一直在努力。可能会放弃并切换到角材质图标,如果它在未来成为一个关键点的话:/这对我来说尤其不适用。如果我添加别名“as something”,它将不会导入。不幸的是,您必须添加别名才能在多个包中使用相同的命名图标。
import { library } from '@fortawesome/fontawesome-svg-core';
import { faClock} from '@fortawesome/free-regular-svg-icons';
library.add(faClock); // <-- error here
library.add(faClock as any);