Ionicons 在 Ionic4 中返回 404答案

【问题标题】：Ionicons return 404 in Ionic4Ionicons 在 Ionic4 中返回 404
【发布时间】：2020-05-23 05:04:57
【问题描述】：

我今天更新了 npm，发现很多来自 ionicons.com 的 Ionic 图标返回 404 错误。我找到了a workaround（基本上是修改 angular.json 文件）。我对此不太满意，因为我担心每次更新时都会遇到同样的问题（和其他问题），考虑到这个文件一定是由我所做的更新自动修改的。我该如何解决这个问题？

离子信息

   Ionic CLI                     : 5.4.15 (%USER_HOME%\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.11.10
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.1.2

Capacitor:

   Capacitor CLI   : 1.5.0
   @capacitor/core : 1.5.0

Utility:

   cordova-res : 0.9.0
   native-run  : 0.3.0

System:

   NodeJS : v12.14.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.13.6
   OS     : Windows 10

【问题讨论】：

标签： angular ionic-framework ionic4 ionicons

【解决方案1】：

Ionicons 5.0.0 已经发布。检查 CHANGELOG 以将您的图标转换为新语法或新的可用名称。

例如，如果您想使用md 或ios 版本，这将是新方法：

<ion-icon ios="heart-outline" md="heart-sharp"></ion-icon>

https://github.com/ionic-team/ionicons/blob/master/CHANGELOG.md

【讨论】：

谢谢。您的回答指出了我真正的问题；我在 Ionic4 项目中使用了这些 v5 图标。

【解决方案2】：

实际上发生的事情是我在 v4 中使用了 v5 图标。问题不在于我所做的npm update。所以我决定升级到 v5。

npm update -g cordova ionic
npm install @ionic/angular@5.0.0-rc.3
npm install @ionic/app-scripts@latest --save dev

另外，我想指出，通常的Ionicicons.com 链接现在只包含 v5 图标。有一个新的Ionicons v4 link。那里的图标适用于 v3 和 v4。

【讨论】：

【解决方案3】：

我通过像这样更新我的 Angular.json 修复了我的 404 错误。

assets: [
  ...
  {
    "glob": "**/*.svg",
    "input": "node_modules/ionicons/dist/ionicons/svg",
    "output": "./svg"
  }
  ...
]

【讨论】：