2

我今天更新了 npm，并注意到来自ionicons.com的许多 Ionic 图标返回 404 错误。我找到了一种解决方法（基本上，修改 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
4

3 回答 3

2

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

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

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

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

于 2020-02-07T07:57:58.003 回答
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 链接。那里的图标适用于 v3 和 v4。

于 2020-02-07T17:48:23.480 回答
0

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

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

于 2020-11-21T22:18:27.927 回答