使用 Angular cli 6.0.5 安装 fontawesome 会引发错误 E418答案

【问题标题】：Install fontawesome using angular cli 6.0.5 throws error E418使用 Angular cli 6.0.5 安装 fontawesome 会引发错误 E418
【发布时间】：2018-05-29 16:47:38
【问题描述】：

在 Windows 机器上执行命令 'npm install --save @fortawesome/fontawesome-free-regular' 后，我收到错误代码 E418 - 我是茶壶：@fortawesome-free-regular@latest。

环境：

Angular CLI：6.0.5，节点：8.9.1，操作系统：win32 x64 和 Angular：6.0.3

我不明白这个错误代码的含义？可能是 angular 和 fontawesome 版本之间的代理或兼容性？

9 verbose stack Error: 418 I'm a teapot: @fortawesome/fontawesome@latest
9 verbose stack     at fetch.then.res (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\pacote\lib\fetchers\registry\fetch.js:42:19)
9 verbose stack     at tryCatcher (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\util.js:16:23)
9 verbose stack     at Promise._settlePromiseFromHandler (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\promise.js:512:31)
9 verbose stack     at Promise._settlePromise (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\promise.js:569:18)
9 verbose stack     at Promise._settlePromise0 (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\promise.js:614:10)
9 verbose stack     at Promise._settlePromises (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\promise.js:693:18)
9 verbose stack     at Async._drainQueue (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\async.js:133:16)
9 verbose stack     at Async._drainQueues (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\async.js:143:10)
9 verbose stack     at Immediate.Async.drainQueues (C:\dev\tools\node-v8.9.1-win-x64\node_modules\npm\node_modules\bluebird\js\release\async.js:17:14)
9 verbose stack     at runCallback (timers.js:789:20)
9 verbose stack     at tryOnImmediate (timers.js:751:5)
9 verbose stack     at processImmediate [as _immediateCallback] (timers.js:722:5)

【问题讨论】：

我发现了这个主题的问题。它与 .npmrc 配置文件上启用的代理有关。我将注册表属性的字符串“http”更改为“https”（registry=registry.npmjs.org）。 - 参考：github.com/npm/npm/issues/20791

标签： angular font-awesome

【解决方案1】：

我觉得这个错误很有趣，我可以找到一些：explanation of the concept here。
根据 npm 的官方 repos 安装 fortawesome 的正确命令是：npm i @fortawesome/angular-fontawesome，或者您也可以使用 yarn：yarn add @fortawesome/angular-fontawesome
你可以在下面的代码中看到如何使用它：

<head>
    <!--core first + styles last-->
    <link href="/static/fontawesome/fontawesome-all.css" rel="stylesheet">
</head>
<body>
    <!--user icon in two different styles-->
    <i class="fas fa-user"></i>
    <i class="far fa-user"></i>
    <!--brand icon-->
    <i class="fab fa-github-square"></i>
</body>

【讨论】：