Angular - FontAwesome 依赖项丢失错误答案

【问题标题】：Angular - FontAwesome Dependencies missing errorAngular - FontAwesome 依赖项丢失错误
【发布时间】：2021-07-05 07:27:15
【问题描述】：

我正在尝试在我的 Angular 项目中安装 Font Awesome。在终端中使用以下命令安装

ng add @fortawesome/angular-fontawesome@0.6

安装成功。现在它给出了依赖错误。

目标入口点“@fortawesome/angular-fontawesome”缺少依赖项： - @fortawesome/fontawesome-svg-core - @fortawesome/fontawesome-common-types

我检查了 package.json 并且这两个都存在。

我做错了什么？

【问题讨论】：

看起来有些东西被 node_modules 或 Angular CLI 缓存搞砸了。尝试删除 node_modules 和 dist 文件夹并重新运行 npm install 或 yarn install。然后再试一次。如果您可以使用新生成的 Angular CLI 项目重现此错误，请在github.com/FortAwesome/angular-fontawesome 中打开问题，并提供重现问题的步骤。

标签： angular font-awesome angular-fontawesome

【解决方案1】：

我知道我迟到了，但如果有人遇到同样的问题，我建议不要做任何事情，只需要重新启动 angular serve，它基本上会编译新添加的包，而这个问题发生的原因是 angular cli 没有'在服务运行时不编译包

【讨论】：

你是对的。关闭 Angular 服务器然后在所有安装完成后重新启动它时效果最佳。

【解决方案2】：

按照@Yaroslav 的建议，我删除了 node_modules 文件夹并运行了 npm install。这解决了问题。

【讨论】：

【解决方案3】：

这就是我所做的并且效果很好：

npm i font-awesome --save-dev

编辑 angular.json，添加到“样式”：

"./node_modules/font-awesome/css/font-awesome.css"

【讨论】：

【解决方案4】：

这里很晚，但我最近遇到了这个问题。这是我尝试命令npm i font-awsome --save-dev时的控制台输出

npm i font-awesome --save-dev
npm notice save font-awesome is being moved from dependencies to devDependencies
npm WARN @fortawesome/angular-fontawesome@0.8.2 requires a peer of @fortawesome/fontawesome-svg-core@^1.2.27 but none is installed. You must install peer dependencies yourself.
npm WARN karma-jasmine-html-reporter@1.6.0 requires a peer of jasmine-core@>=3.7.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
removed 1 package, updated 1 package and audited 1889 packages in 7.367s

138 packages are looking for funding
  run `npm fund` for details

found 21 vulnerabilities (20 moderate, 1 high)
  run `npm audit fix` to fix them, or `npm audit` for details

所以我按照警告中的信息，接下来运行了这个命令。在那之后，angular 11 编译了 font-awesome 包，事情进展顺利

npm install @fortawesome/fontawesome-svg-core@^1.2.27 --save-dev

【讨论】：