Ionicons在Ionic4中返回404

Question

我今天更新了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

Answer 1

实际上，我在v4中使用了v4图标。问题不在于我所做的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上工作。

Answer 2

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 3

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

​

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

​