1
votes

Les Ionicons retournent 404 dans Ionic4

J'ai mis à jour npm aujourd'hui et j'ai remarqué que de nombreuses icônes ioniques de ionicons.com renvoient une erreur 404. J'ai trouvé une solution de contournement (en gros, la modification du fichier angular.json). Je ne suis pas très à l'aise avec cela, car j'ai peur de rencontrer le même problème (et d'autres) chaque fois que je mets à jour, étant donné que ce fichier a dû être automatiquement modifié par les mises à jour que j'ai effectuées. Comment puis-je réparer ça?

Informations ioniques

   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

0 commentaires

3 Réponses :

1
votes

Ionicons 5.0.0 est sorti. Vérifiez le CHANGELOG pour convertir vos icônes dans la nouvelle syntaxe ou les nouveaux noms disponibles.

Par exemple, si vous souhaitez utiliser les versions md ou ios , ce sera la nouvelle approche:

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

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

1 commentaires

Merci. Votre réponse m'a indiqué mon vrai problème; J'utilisais ces icônes v5 sur mon projet Ionic4.

1
votes

En fait, ce qui s'est passé, c'est que j'utilisais des icônes v5 dans la v4. Le problème n'était pas la npm update que j'ai faite. J'ai donc simplement décidé de passer à la v5.

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

Aussi , je tiens à souligner, le lien habituel Ionicicons.com ne contient désormais que des icônes v5. Il y a un nouveau lien Ionicons v4 . Les icônes à partir de là fonctionnent sur v3 et v4.

0 commentaires

0
votes

J'ai corrigé mes erreurs 404 en mettant à jour mon Angular.json comme ceci.

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

0 commentaires