Ionic4 中的 Ionicons return 404

Question

我今天更新了 npm，并注意到许多来自 ionicons.com return 404 error. I've found a workaround 的 Ionic 图标（基本上，修改了 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

Answer 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

Answer 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 link now contains only v5 icons. There's a new Ionicons v4 link。那里的图标适用于 v3 和 v4。

Answer 3

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

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

Ionic4 中的 Ionicons return 404

Ionicons return 404 in Ionic4

ionic-framework

ionicons

angular

ionic4